OOCSS

Object Oriented CSS

Tuto metodologii vymyslela Nicole Sullivan a popisuje v ní vytváření abstraktních objektů, které by měly sloužit jako základ kódu. Žádný z nich tedy není stylován ihned, ale jsou na ně aplikovány vlastnosti dalšími třídami. Vytvoříme si tedy například obecný styl pro nadpisy a posléze teprve vytvoříme třídu, která přidává velikost písma podle použití. Ušetříme si tak čas při aplikování podobných stylů na další objekty. Má tedy 2 pravidla, kterými se musíme řídit, oddělení opakujícího se kódu od vizuálních prvků a nezávislost obsahu na určitý kontejner.

Více...
BEM

BEM

Blok, element a modifikátor vystupující pod zkratkou BEM vytvořený ruskou společností Yandex je přístup vývoje webových stránek závislích na těchto komponentech. Její hlavní využítí je ve vytváření uživatelských rozhraní a zrychluje, zpřehledňuje a podporuje znuvupoužitelnost kódu bez nutnosti kopírování. Je zde podporována i modularita, kde se projekt rozdělí na jednotlivé částí, aby byl lépe zpracovatelný. Stejně jako OOCSS vznikla hlavně aby zpřehlednila CSS kód. Využívá podobných pravidel a přidává i nějaká svoje další. Princip je v rozdělení CSS tříd na blok__element_modifikátor a každý blok by měl mít i svůj vlastní soubor. Pokud postupujete správně, zamezíte kaskádovití kódu a můžete ho pak různě využívat v dalších projektech. Navíc si vytvoříte smysluplnou strukturu, ve které se dá snadno vyznat.

Více...