Vzhůru dolů

“ I would in fact prefer, instead of <H1>, <H2> etc for headings (…) to have a nestable <SECTION>..</SECTION> element, and a generic <H>..</H> which at any level within the sections would produce the required level of heading.

Poznáváte úryvek z diskuze o document outline v HTML5?

Nikoliv! To Tim Bernes-Lee uvažuje o první verzi HTML v jedné z prvních zmínek v říjnu 1991. Některé otázky hold zůstávají i po dvou dekádách nezodpovězené.

Pokud slavíte 20 let World Wide Webu, nezapomeňte na panáka pro HyperText Markup Language! ;)

Komentáře

Tagy: HTML html5

“ Iframes are the most costly element to add to a given page. They block the page from firing the onload event until they are complete.

Jedna z drobných technických zajímavostí, které mě dříve nanapadly a kterých je plný dokument Isobar Code Standards. Mezi autory třeba Paul Irish (Modernizr) nebo Nathan Smith (960.gs). Vezměte si domů a čtěte. Pokud znáte jiné veřejně dostupné interní front-endové standardy, boxík pro komentáře se nemůže dočkat. .-)

Komentáře

Tagy: HTML výkon

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. :-)

Komentáře

Tagy: css spravovatelnost kódu html výkon

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.

Komentáře

Tagy: css html spravovatelnost kódu

Wufoo - webapp na tvorbu průzkumů - teď umí generovat javascriptový snippet, který si vložíte do svých stránek. Když potřebujete dotazník nebo formulář, je to více než dobrá alternativa k háčku s vkládáním formuláře z Google Dokumentů, o kterém jsem dříve psal.

Komentáře

Tagy: wufoo html formuláře

Články na téma „html”

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

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