Template wiki page
6 views
Skip to first unread message
Nelson Menezes
Oct 28, 2009, 7:03:50 AM10/28/09
to Object Oriented CSS
The current wiki page for the Template module [1] currently refers to
the page, header, body, and footer elements as IDs, but the actual CSS
file defines them as classes -- which is correct? I can see the point
of using IDs, but that forces developers to use up unique identifiers,
which might have implications on other parts of the development
process (e.g. CMS, Javascript...) so I'd suggest that class names
would be the way to go...?
[1] http://wiki.github.com/stubbornella/oocss/template
the page, header, body, and footer elements as IDs, but the actual CSS
file defines them as classes -- which is correct? I can see the point
of using IDs, but that forces developers to use up unique identifiers,
which might have implications on other parts of the development
process (e.g. CMS, Javascript...) so I'd suggest that class names
would be the way to go...?
[1] http://wiki.github.com/stubbornella/oocss/template
Nicole Sullivan
Oct 28, 2009, 11:23:43 AM10/28/09
to object-or...@googlegroups.com
I changed them all to class names in the code, but must have missed updating the wiki. Please feel free to change the wiki to reflect the code.
Cheers,
Nicole
--
Nicole Sullivan
Object Oriented CSS http://wiki.github.com/stubbornella/oocss
Smush it http://smush.it
Website http://stubbornella.org
Book Even Faster Websites with O'Reilly
Nelson Menezes
Oct 28, 2009, 6:12:06 PM10/28/09
to object-or...@googlegroups.com
Done now...
Murray Nuttall
Oct 28, 2009, 6:28:48 PM10/28/09
to object-or...@googlegroups.com
Hi Nelson,
This is a little off topic but with regards to your blog post, http://fittopage.org/blog/20-Back-to-HTML, I was wondering what your rant about px for font-size is?
m.
This is a little off topic but with regards to your blog post, http://fittopage.org/blog/20-Back-to-HTML, I was wondering what your rant about px for font-size is?
m.
Nicole Sullivan
Oct 28, 2009, 8:39:21 PM10/28/09
to object-or...@googlegroups.com
Sweet, thx.
Nelson Menezes
Oct 29, 2009, 3:48:18 AM10/29/09
to Object Oriented CSS
Ah that. :-) Basically, it boils down to two things:
- There's still a lot of IE6 out there (sigh)
- I hate horizontal scrolling (as do a lot of people), and this is a
consequence of whole-page-zooming
More here: http://cameronmoll.com/archives/2009/06/page_zooming_vs_text_scaling/
For font-sizes I'm quite happy with YUI's offering at the moment:
http://developer.yahoo.com/yui/3/cssfonts/
Nelson Menezes
http://fittopage.org
> This is a little off topic but with regards to your blog post,http://fittopage.org/blog/20-Back-to-HTML, I was wondering what your rant
> >> *Smush it* http://smush.it
> >> *Website* http://stubbornella.org
> >> *Tweet!* http://twitter.com/stubbornella
> >> *Book* Even Faster Websites with O'Reilly
- There's still a lot of IE6 out there (sigh)
- I hate horizontal scrolling (as do a lot of people), and this is a
consequence of whole-page-zooming
More here: http://cameronmoll.com/archives/2009/06/page_zooming_vs_text_scaling/
For font-sizes I'm quite happy with YUI's offering at the moment:
http://developer.yahoo.com/yui/3/cssfonts/
Nelson Menezes
http://fittopage.org
> This is a little off topic but with regards to your blog post,http://fittopage.org/blog/20-Back-to-HTML, I was wondering what your rant
> about px for font-size is?
>
> m.
>
> On Thu, Oct 29, 2009 at 11:12 AM, Nelson Menezes
> <flying.mushr...@gmail.com>wrote:
>
> m.
>
> On Thu, Oct 29, 2009 at 11:12 AM, Nelson Menezes
>
> > Done now...
>
> > Nelson Menezes
> >http://fittopage.org
>
> > 2009/10/28 Nicole Sullivan <nic...@stubbornella.org>
>
> > I changed them all to class names in the code, but must have missed
> >> updating the wiki. Please feel free to change the wiki to reflect the code.
>
> >> Cheers,
> >> Nicole
>
> >> On Oct 28, 2009, at 4:03 AM, Nelson Menezes wrote:
>
> >> The current wiki page for the Template module [1] currently refers to
> >> the page, header, body, and footer elements as IDs, but the actual CSS
> >> file defines them as classes -- which is correct? I can see the point
> >> of using IDs, but that forces developers to use up unique identifiers,
> >> which might have implications on other parts of the development
> >> process (e.g. CMS, Javascript...) so I'd suggest that class names
> >> would be the way to go...?
>
> >> [1]http://wiki.github.com/stubbornella/oocss/template
>
> >> --
> >> Nicole Sullivan
>
> >> *Object Oriented CSS* http://wiki.github.com/stubbornella/oocss
> > Done now...
>
> > Nelson Menezes
> >http://fittopage.org
>
> > 2009/10/28 Nicole Sullivan <nic...@stubbornella.org>
>
> > I changed them all to class names in the code, but must have missed
> >> updating the wiki. Please feel free to change the wiki to reflect the code.
>
> >> Cheers,
> >> Nicole
>
> >> On Oct 28, 2009, at 4:03 AM, Nelson Menezes wrote:
>
> >> The current wiki page for the Template module [1] currently refers to
> >> the page, header, body, and footer elements as IDs, but the actual CSS
> >> file defines them as classes -- which is correct? I can see the point
> >> of using IDs, but that forces developers to use up unique identifiers,
> >> which might have implications on other parts of the development
> >> process (e.g. CMS, Javascript...) so I'd suggest that class names
> >> would be the way to go...?
>
> >> [1]http://wiki.github.com/stubbornella/oocss/template
>
> >> --
> >> Nicole Sullivan
>
> >> *Smush it* http://smush.it
> >> *Website* http://stubbornella.org
> >> *Tweet!* http://twitter.com/stubbornella
> >> *Book* Even Faster Websites with O'Reilly
Murray Nuttall
Oct 29, 2009, 4:55:46 PM10/29/09
to object-or...@googlegroups.com
I use em for font-size, margin-bottom, and line-height. I would love to be able to use px to remove a lot of the extra rules and calculation, which have to be used when you increase the font-size in certain sections, to maintain a vertical rhythm. I just had a little go at using % to do and it was even more complicated :-)
Reply all
Reply to author
Forward
0 new messages