Haml a dva typy kóderů

Josh Symonds píše:

I like Haml. But it’s a markup language for programmers, and ultimately the people who use HTML the most aren’t programmers.

S Haml jsem na tom stejně — vizuálně se mi líbí, projekt v něm vytvořený zvládnu nějak adoptovat, ale neumím si ho představit jako náhražku HTML.

Podobně to mám s CSS preprocesory. Na řešení určitých problémů je to skvělý nástroj, ale používat je opravdu na každém malinkém projektu? Nahradit jimi CSS? Prosím né! :)

Část kóderů se mnou určitě souhlasit nebude. Pro potřeby dělení je zkusím nazvat frontend vývojáři. Ti co na hraně design/technologie mají blíž k technologii.

Josh Symonds totiž v článku používá jeden hezký pojem — frontend designéři. Tzn. frontend vývojář zkamaráděný s designem nebo designér zkamaráděný s frontend vývojařinou. Každopádně člověk co má blíž designu. Tohle je můj flek. :) 

Dejte stylopis pro všechna média do jednoho souboru

Mám rád princip tumblelogu. Skvěle funguje pro šíření myšlenek napříč webem. Do blogu si skrze vlastní ego nikdo cizí nápady neprotlačí. Vzhůru dolů je tumblelog. :-)

Mít blog, nemůžu celý post postavit na myšlence Nicolase Gallaghera…

Don’t see the point of setting media queries in the HTML (on ) when setting them in your CSS file is more flexible and informative.

For example, if I’m editing a CSS file I dont want to have to look at the HTML to find out what conditions result in the use of that CSS.

Furthermore, multi-author maintenance is simplified if using one CSS file (media queries set in the CSS) & performance is improved.

Rough rule: Does it affect the site’s presentation? Does someone editing the CSS need to know this? Yes. Then control it in the CSS file.

…jenže k té myšlence nemám co dodat a tak ji pomocí svého tumblelogu šířím dál. Dobrou noc. :-)

Lepší být první než poslední (CSS třídy .first a .last v praxi)

Třídu .last používá mnoho kodérů (a CSS frameworků) pro označení posledního prvku řady, který má nést odlišné vlastnosti.

CSS:

.column
{
   float: left;
   margin-right: 20px;
   width: 300px;
}

.last
{
   margin-right: 0;
}

HTML:

<div class="column">...</div>
<div class="column">...</div>
<div class="column last">...</div>

Není to ale nejlepší nápad. Představte si, že HTML kód bude velmi strukturovaný nebo prvků třídy .column desítky. Pak si představte, že takhle složitý kód psal někdo jiný a že se jej snažíte pochopit.

Odlišovací třídu na prvku posledním najdete mnohem hůře než na prvku prvním.

Doporučuji proto výjimky vždy přidávat na první prvky pole. Tedy v HTML:

<div class="column first">...</div>
<div class="column">...</div>
<div class="column">...</div>

Namísto třídy .first si do úvahy samozřejmě klidně dosaďte standardní pseudotřídu :first-child, pokud se nekamarádíte s IE6.