Comments on: Order of the Day: CSS Properties http://aloestudios.com/2009/02/order-of-the-day-css-properties/ thoughts on web design and general nerdiness Thu, 11 Mar 2010 02:12:29 +0000 http://wordpress.org/?v=2.9.1 hourly 1 By: La forma correcta de estructurar nuestras CSS | Mareos de un geek http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-1031 La forma correcta de estructurar nuestras CSS | Mareos de un geek Tue, 07 Apr 2009 12:28:09 +0000 http://aloestudios.com/?p=189#comment-1031 [...] tan contento estaba porque me parecía una buena idea cuando hace tres días Andy Ford escribe esta entrada recomendando una nueva estructuración de las propiedades, según el grupo al que pertenecen: flujo, posición, dimensiones, márgenes, bordes,.. He de [...] [...] tan contento estaba porque me parecía una buena idea cuando hace tres días Andy Ford escribe esta entrada recomendando una nueva estructuración de las propiedades, según el grupo al que pertenecen: flujo, posición, dimensiones, márgenes, bordes,.. He de [...]

]]> By: Ordem de declaração das propriedades CSS » CSS no Lanche http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-1021 Ordem de declaração das propriedades CSS » CSS no Lanche Thu, 12 Mar 2009 16:40:57 +0000 http://aloestudios.com/?p=189#comment-1021 [...] aqui também a visão de outros desenvolvedores, vou deixar aqui a dica que encontrei no blog Aloe Studios de como organizar melhor seu [...] [...] aqui também a visão de outros desenvolvedores, vou deixar aqui a dica que encontrei no blog Aloe Studios de como organizar melhor seu [...]

]]> By: Andy Ford http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-961 Andy Ford Sun, 22 Feb 2009 21:37:55 +0000 http://aloestudios.com/?p=189#comment-961 @Jeff Starr While we have different preferences on the approach, I couldn't agree with you more when you say: <blockquote> I am a strong believer that designers should use the method that works best for them, and do so consistently. </blockquote> I edited the post to more accurately portray that you're indeed not 'advocating' but rather sharing your preferences. Hope I didn't come across as throwing you under the bus. I have my reasons for not liking the line-length method, but I wanted to present as many approaches as possible. And I couldn't ignore the line-length approach just because it's not my preference. @Jeff Starr
While we have different preferences on the approach, I couldn’t agree with you more when you say:

I am a strong believer that designers should use the method that works best for them, and do so consistently.

I edited the post to more accurately portray that you’re indeed not ‘advocating’ but rather sharing your preferences. Hope I didn’t come across as throwing you under the bus. I have my reasons for not liking the line-length method, but I wanted to present as many approaches as possible. And I couldn’t ignore the line-length approach just because it’s not my preference.

]]> By: CSS???????? — qybaby Blog Life http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-960 CSS???????? — qybaby Blog Life Sun, 22 Feb 2009 15:53:52 +0000 http://aloestudios.com/?p=189#comment-960 [...] Ford?HTML?CSS???????????????Order of the Day: CSS Properties. [...] [...] Ford?HTML?CSS???????????????Order of the Day: CSS Properties. [...]

]]> By: Jeff Starr http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-958 Jeff Starr Sun, 22 Feb 2009 01:04:16 +0000 http://aloestudios.com/?p=189#comment-958 @oliver: I have been organizing my CSS by line-length for several years now and find that the result is absolutely clean, crisp, and beautiful code. Check the link at the end of Andy's post to read more about it. @Andy Ford: Thanks for the mention, but my article is simply sharing my preferred method; it certainly doesn't "advocate" anything! I am a strong believer that designers should use the method that works best for them, and do so consistently. @oliver: I have been organizing my CSS by line-length for several years now and find that the result is absolutely clean, crisp, and beautiful code. Check the link at the end of Andy’s post to read more about it.

@Andy Ford: Thanks for the mention, but my article is simply sharing my preferred method; it certainly doesn’t “advocate” anything! I am a strong believer that designers should use the method that works best for them, and do so consistently.

]]> By: The Rollsteady Network » Blog Archive » links for 2009-02-20 http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-954 The Rollsteady Network » Blog Archive » links for 2009-02-20 Sat, 21 Feb 2009 00:30:37 +0000 http://aloestudios.com/?p=189#comment-954 [...] Order of the Day: CSS Properties | Aloe Studios Blog (tags: webdesign css reference order) [...] [...] Order of the Day: CSS Properties | Aloe Studios Blog (tags: webdesign css reference order) [...]

]]> By: Andy Ford http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-952 Andy Ford Fri, 20 Feb 2009 15:09:01 +0000 http://aloestudios.com/?p=189#comment-952 @oliver I personally think that line-length is a bad idea because then you're organizing based on property and value rather than just properties. And you would have to re-order things when you update values. Say from: <code>margin: 0;</code> to: <code>margin: 0 0 2em;</code> Or when you change: <code>background: url(id.png);</code> to: <code>background: transparent url(id.png) no-repeat 0 100%;</code> At least with the approach I've presented or with alphabetization you don't have to re-organize properties just because their values have changed. @oliver
I personally think that line-length is a bad idea because then you’re organizing based on property and value rather than just properties. And you would have to re-order things when you update values. Say from:

margin: 0;
to:
margin: 0 0 2em;
Or when you change:
background: url(id.png);
to:
background: transparent url(id.png) no-repeat 0 100%;

At least with the approach I’ve presented or with alphabetization you don’t have to re-organize properties just because their values have changed.

]]> By: oliver http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-951 oliver Fri, 20 Feb 2009 14:43:37 +0000 http://aloestudios.com/?p=189#comment-951 How about ordering the properties simply by line length? That way the universal rules came in most cases automatically first and their exceptions afterward: <code> #whatever { margin:0; margin-right:12px; border:1px solid red; border-left:2px solid #000; border-right:2px solid #000; } </code> How about ordering the properties simply by line length?
That way the universal rules came in most cases automatically first and their exceptions afterward:

#whatever {
margin:0;
margin-right:12px;
border:1px solid red;
border-left:2px solid #000;
border-right:2px solid #000;
}

]]> By: Bruno Augusto http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-950 Bruno Augusto Fri, 20 Feb 2009 11:18:18 +0000 http://aloestudios.com/?p=189#comment-950 Just to explain my practice in alphabetize the css proprieties: #id{background: url(img.jpg) top right no-repeat; border:solid 1px #0f0; margin: 0 0 0 10px; padding: 30px;} It's not spaces (thinking in performance) and so is necessary some rule to see it better. That's the propouse of alphabetize it. Just to explain my practice in alphabetize the css proprieties:

#id{background: url(img.jpg) top right no-repeat; border:solid 1px #0f0; margin: 0 0 0 10px; padding: 30px;}

It’s not spaces (thinking in performance) and so is necessary some rule to see it better. That’s the propouse of alphabetize it.

]]> By: Andy Ford http://aloestudios.com/2009/02/order-of-the-day-css-properties/comment-page-1/#comment-948 Andy Ford Fri, 20 Feb 2009 04:07:31 +0000 http://aloestudios.com/?p=189#comment-948 I actually found the above pingback pretty interesting. Here's the Google translation from Chinese - <a href="http://is.gd/kbC8" rel="nofollow">http://is.gd/kbC8</a> I actually found the above pingback pretty interesting. Here’s the Google translation from Chinese – http://is.gd/kbC8

]]>