Comments on: Understanding CSS – Padding, Positioning and CSS3 http://blog.creativityden.com/understanding-css-padding-positioning-and-css3/ creative crazy! Tue, 07 Sep 2010 09:54:44 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Bryanhttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1699 Bryan Mon, 08 Mar 2010 15:21:24 +0000 http://blog.creativityden.com/?p=3227#comment-1699 Hate to point it out, but the CSS in the "Good Page Typography" isn't as good as it could be either.For one, there is a lot of redundancies in the code (font declaration, margins), and also that the margins are set in pixels when dealing with text (bad usability).The code could be much cleaner, and much more effective if written like so:/*THIS is Good Web Typography*/body {font:.88em Arial,serif}#container {line-height:1.5em}h1,h2,h3 {margin:.71em 0}h1 {color:#252525; font-size:2.5em}h2 {color:#333; font-size:1.88em}h3 {color:#4c4c4c; font-size:1.25em}p {color:#4c4c4c; margin:0 0 1.43em} Hate to point it out, but the CSS in the “Good Page Typography” isn’t as good as it could be either.

For one, there is a lot of redundancies in the code (font declaration, margins), and also that the margins are set in pixels when dealing with text (bad usability).

The code could be much cleaner, and much more effective if written like so:

/*THIS is Good Web Typography*/

body {font:.88em Arial,serif}

#container {line-height:1.5em}

h1,h2,h3 {margin:.71em 0}

h1 {color:#252525; font-size:2.5em}

h2 {color:#333; font-size:1.88em}

h3 {color:#4c4c4c; font-size:1.25em}

p {color:#4c4c4c; margin:0 0 1.43em}

]]> By: links for 2010-02-18 | Digitalistic - Mashup or die tryinghttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1519 links for 2010-02-18 | Digitalistic - Mashup or die trying Thu, 18 Feb 2010 14:03:32 +0000 http://blog.creativityden.com/?p=3227#comment-1519 [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen (tags: css3 html5 css shadow postitioning padding) [...] [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen (tags: css3 html5 css shadow postitioning padding) [...]

]]> By: Maux™http://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1409 Maux™ Wed, 10 Feb 2010 20:40:42 +0000 http://blog.creativityden.com/?p=3227#comment-1409 Hey nice post… And about columns? I use this when I need… .multi_columns { column-count: 3; column-gap: 10px; column-rule: 1px dotted #666; -moz-column-count:3; -moz-column-rule: 1px dotted #666; -moz-column-gap: 10px; -webkit-column-count:3; -webkit-column-rule: 1px dotted #666; -webkit-column-gap: 10px; } It's very useful… I hope in future, all browser supports CSS3. Hey nice post…
And about columns?
I use this when I need…
.multi_columns {
column-count: 3;
column-gap: 10px;
column-rule: 1px dotted #666;
-moz-column-count:3;
-moz-column-rule: 1px dotted #666;
-moz-column-gap: 10px;
-webkit-column-count:3;
-webkit-column-rule: 1px dotted #666;
-webkit-column-gap: 10px;
}
It’s very useful…
I hope in future, all browser supports CSS3.

]]> By: Eclecti.ca » Blog Archive » linkHive For Feb 8thhttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1389 Eclecti.ca » Blog Archive » linkHive For Feb 8th Tue, 09 Feb 2010 15:50:47 +0000 http://blog.creativityden.com/?p=3227#comment-1389 [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen – With the release of CSS3, which is now being used more frequently, I’ve put this little article together for more of a beginner. However you never know, there may be a few tricks you don’t know. [...] [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen – With the release of CSS3, which is now being used more frequently, I’ve put this little article together for more of a beginner. However you never know, there may be a few tricks you don’t know. [...]

]]> By: Enlaces interesantes (28) | Cosas sencillashttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1372 Enlaces interesantes (28) | Cosas sencillas Mon, 08 Feb 2010 20:15:49 +0000 http://blog.creativityden.com/?p=3227#comment-1372 [...] Understanding CSS – Padding, Positioning and CSS3 (blog.creativityden). Es un artículo que nos muestra a todos (sobre todo a los principiantes) sobre las posibilidades del CSS, y la manera de utilizarla de forma eficaz en los diseños. Una de las cosas más frustrantes cuando se codifica un sitio web es no tener las habilidades para realizar estas tareas. Estos pequeños trucos los puedes emplear en tus próximos diseños. [...] [...] Understanding CSS – Padding, Positioning and CSS3 (blog.creativityden). Es un artículo que nos muestra a todos (sobre todo a los principiantes) sobre las posibilidades del CSS, y la manera de utilizarla de forma eficaz en los diseños. Una de las cosas más frustrantes cuando se codifica un sitio web es no tener las habilidades para realizar estas tareas. Estos pequeños trucos los puedes emplear en tus próximos diseños. [...]

]]> By: Weekly Round-up: 15 must read development, design and blogging articles - Web Development Bloghttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1340 Weekly Round-up: 15 must read development, design and blogging articles - Web Development Blog Sun, 07 Feb 2010 02:51:37 +0000 http://blog.creativityden.com/?p=3227#comment-1340 [...] Understanding CSS – Padding, Positioning and CSS3 [...] [...] Understanding CSS – Padding, Positioning and CSS3 [...]

]]> By: SMiGLhttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1295 SMiGL Fri, 05 Feb 2010 08:40:49 +0000 http://blog.creativityden.com/?p=3227#comment-1295 Helpful post. Thanks! .-= SMiGL´s last blog ..<a href="http://feedproxy.google.com/~r/night-fairy-tales/~3/oieaCyyursU/blog-post.html" rel="nofollow">Мнение</a> =-. Helpful post. Thanks!
.-= SMiGL´s last blog ..Мнение =-.

]]> By: THeohttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1289 THeo Fri, 05 Feb 2010 00:47:22 +0000 http://blog.creativityden.com/?p=3227#comment-1289 Nice to have all this on one site. Already twitted.Thank you. .-= THeo´s last blog ..<a href="http://rolling-webdesign.com/suchmaschinen-optimierung" rel="nofollow">Suchmaschinen-Optimierung, der Weg nach vorn</a> =-. Nice to have all this on one site. Already twitted.

Thank you.
.-= THeo´s last blog ..Suchmaschinen-Optimierung, der Weg nach vorn =-.

]]> By: Understanding CSS – Padding, Positioning and CSS3 « CreativityDen » Web Designhttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1287 Understanding CSS – Padding, Positioning and CSS3 « CreativityDen » Web Design Fri, 05 Feb 2010 00:27:32 +0000 http://blog.creativityden.com/?p=3227#comment-1287 [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen [...] [...] Understanding CSS – Padding, Positioning and CSS3 « CreativityDen [...]

]]> By: markhttp://blog.creativityden.com/understanding-css-padding-positioning-and-css3/#comment-1286 mark Fri, 05 Feb 2010 00:14:23 +0000 http://blog.creativityden.com/?p=3227#comment-1286 If only there were more rounded corners and shadow affects on web pages. Then perhaps all the world's children will be fed. If only there were more rounded corners and shadow affects on web pages. Then perhaps all the world’s children will be fed.

]]>