Jak při kódování designu pojmenovávat sémanticky
Při kódování designu je třeba navrhnout názvy řady tříd a hodnot id (pokud nepoužíváte CSS framework, který má již hodnoty dané). Je lepší v názvech vyjadřovat aktuální vzhled stránky (např. „levy-panel“) nebo se soustředit na sémantickou strukturu (např. „bocni-panel“, „pomocny-panel“)?. Článek CSS coding: semantic approach in naming convention se snaží ukázat, proč je sémantický přístup lepší a nabízí několik pravidel pro tvorbu lepších názvů. Jaký přístup volíte vy?
Martin Hassman
Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.
Už je to drahně let, co jsem hlavní weby překopal na sémantický id a class, a u nových to už taky samozřejmě používám.
Já myslím, že se tohle dost přeceňuje. Nepřikládám tomu žádný podstatný význam. Sloupce klidně pojmenuju jako col-left, col-right apod. Nevybavuju si případ, kdy by se redesignoval web jenom změnou CSS (to je takový oblíbený mýtus), nebo že by se přehazovaly sloupce. Proč taky? Nedává to smysl (a i kdyby, tak prohození tříd v šabloně je otázka minuty). Naopak, vymýšlet nějaké smysluplné "sémantické" pojmenování sloupců je většinou dost opruz a vycházejí z toho pak takové jakési podivné názvy, které nikomu nic moc neřeknou.