[css-d] What is best practice when using CSS to create forms?

2011-04-18 Thread Keith Purtell 
I have a simple form on my Contact page where I've used DIVs to organize
content. Not sure this is best practice. I've seen online articles
advocating definition lists () and then the approach described at A
List Apart:
http://www.alistapart.com/articles/prettyaccessibleforms/

- Keith Purtell
  http://www.keithpurtell.com

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Coding psd templates

2011-04-18 Thread David Laakso 

On 4/18/11 6:54 PM, Jennifer Dixon wrote:

Hi all,

  Currently, I code for a large company and would like to venture out and 
develop a portfolio that highlights my css/html skills. Since I am no kind of 
designer, would it be reasonable to buy some psd templates and code them?

I've been following this list for a long time and have learned alot. If this 
question is not appropriate for this list, I apologize.

Thank you
Jen Dixon






If your interest lies in creating "graphic design" magazine layouts for 
the Web then that's one way to do it.
Otoh, if you want to explore "web design" and pursue  layouts that will 
work in any size window and on any device then this article is a nice 
start-point...


Either way, best and good luck.
~d


--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Coding psd templates

2011-04-18 Thread Jennifer Dixon 
Hi all,

 Currently, I code for a large company and would like to venture out and 
develop a portfolio that highlights my css/html skills. Since I am no kind of 
designer, would it be reasonable to buy some psd templates and code them? 

I've been following this list for a long time and have learned alot. If this 
question is not appropriate for this list, I apologize.

Thank you
Jen Dixon
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Looking for online reference re optimizing style sheet syntax

2011-04-18 Thread Nancy Johnson 
My stylesheets are quite a mess by the time we go live.

I do clean them up, remove commented out items that were only for my
eyes or internal developer's eyes,  make sure they are grouped and
global stuff on top.  I like each style on one line.

There are optimization checkers and I have used those but do it judicially.
http://designshack.co.uk/articles/css/18-css-compression-tools-and-techniques

One of the sites we did (and we produce the site not design) came to
us with the stylesheet compressed to one line and had to  uncompress
it to work on it.  What a pain as I had to  uncompress and recompress
each time we updated the site after it went live.

Nancy Johnson


On Mon, Apr 18, 2011 at 8:05 AM, Philippe Wittenbergh  wrote:
>
> On Apr 18, 2011, at 9:17 AM, Keith Purtell wrote:
>
>> I'm about 85 percent done with my site. The pages look acceptable but
>> awaiting batch html/css validation. One thing I need to do is clean up
>> the main style sheet.
>
>
> https://developer.mozilla.org/en/CSS/Writing_Efficient_CSS
>
> Philippe
> --
> Philippe Wittenbergh
> http://l-c-n.com/
>
>
>
>
>
>
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need local tool compress/expand css

2011-04-18 Thread Steve Axthelm 

On 2011-04-15 Keith Purtell wrote:


I've found a variety of online tools that will compress the contents of
my style sheet. But what I really want is software on my PC (Windows XP)
that will let me both compress and expand. (I prefer to edit the CSS in
expanded form.) Is there such an animal out there?


I have a couple of perl scripts that I run as unix filters 
inside BBEdit. Not sure if any of the Windows editors will do 
that, but here they are if you want a look:




Note: haven't updated these in a while, so there may be some new 
CSS3 pseudo-elements that are not handled properly.


HTH,


-Steve

--
Steve Axthelm
stev...@pobox.com

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Looking for online reference re optimizing style sheet syntax

2011-04-18 Thread Philippe Wittenbergh 

On Apr 18, 2011, at 9:17 AM, Keith Purtell wrote:

> I'm about 85 percent done with my site. The pages look acceptable but
> awaiting batch html/css validation. One thing I need to do is clean up
> the main style sheet.


https://developer.mozilla.org/en/CSS/Writing_Efficient_CSS

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Looking for online reference re optimizing style sheet syntax

2011-04-18 Thread David Laakso 

On 4/17/11 8:17 PM, Keith Purtell wrote:

I'm about 85 percent done with my site. The pages look acceptable but
awaiting batch html/css validation. One thing I need to do is clean up
the main style sheet. I found some general tips about this (at
websiteoptimization.com), like ...

- Keith Purtell





Google, subject line: css speed optimization [?}.
Google, subject line: html speed optimization [?}.
Google, subject line: image speed optimization [?}.

It is important to keep the CSS lean and mean particularly if you 
attempt to hit mobile. Mimify the CSS [back up your original CSS first] 
or close-up the white space manually Only leave comments in the CSS that 
are necessary.



The  black and white splash page seems to be a left-over from the 90s.
Why is  all the type on the page with the 6 nav blocks oversize and 
bold; and, why is the header different on that page.
What is the purpose of those 3 tiny little blue-like boxes at the bottom 
of  each of the inside pages?
Would the page look less dated if everything below the header was on the 
vanilla-like color?

Check your pages in the OperaMini Simulator.



~d


--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Looking for online reference re optimizing style sheetsyntax

2011-04-18 Thread Bobby Jack 
--- On Mon, 4/18/11, Jukka K. Korpela  wrote:

> Keith Purtell wrote:
> 
> > One thing I need to do is clean up the main style
> > sheet.
>
> So unless someone can present some real evidence of
> tangible benefits, don't "clean up". Even if some evidence
> is presented, consider whether it really applies to your
> site. Remember that "cleaning up" for _size_ generally tends
> to obfuscate things and make maintenance and development
> more difficult.

Which is why you should only ever perform such cleanup at 'build' time, using 
an automated tool. Keep all your CSS structured in the most maintainable way 
possible (which might include, for example, separate files) but combine and 
compress it for delivery.

- Bobby
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Twitter and user style sheets

2011-04-18 Thread Gabriele Romanato 

Hi,
with this message, I'd like to stimulate further experiments if you  
use Twitter on a regular basis:


http://onwebdev.blogspot.com/2011/04/customizing-twitter-with-css.html

In Firefox there should be a vendor-specific extension to associate  
styles with a specific domain. Opera and IE support user style sheets  
as well.

Does somebody know if there's something similar in Chrome?

As always,

HTH :-)

Gabriele Romanato

http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/