Css-classy
-
LukineskoNR
Expert
- Príspevky: 190
- Registrovaný: 05 sep 2014, 22:57
Css-classy
Zdravim ludia chcem sa opytat ake existuju metody oznacovania classov viem ze existuje nejake BEM a Sass ktore by ste mi odporucili a nejaky dobry navod najlepsie skcz ale moze byt aj anglicky
-
*****HERO*****
Guru wannabe
- Príspevky: 2446
- Registrovaný: 08 máj 2006, 1:34
Re: Css-classy
a ovladas vobec zaklady samotneho CSS ako takeho?
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Re: Css-classy
sass nemá s názvami class vôbec nič spoločné. Je to framework pre rýchlejší zápis, ktorý sa ti ale nakoniec aj tak prekonvertuje do klasického css ktoré používaš na stránke.
a k tej otázke: najčastejšie sa používajú [a=http://c2.com/cgi/wiki?LowerCamelCase]lowerCamelCase[/a] zápisy, prípadne pomlčkový zápis. Názvy by mali mať výpovednú hodnotu, takže nič také ako .velkaMacicka alebo radšej .articleHeader a mali by byť štrukturované. Teda ak je classa .article a v nej máš body a header, tak ich nazvať .article .body a .article .header a nie .articleBody a .articleHeader
Pre prvky ktoré sú zaručene na stránke iba raz používaj id (#mainHeader ...) namiesto class. Je to rýchlejšie pri selectoroch a prehladnejšie (lebo už zápisu vieš, že zmena sa prejaví iba na jednom mieste a nie kade tade) a classy sa snaž držať po kope. Aby nevzniklo že máš definovanú hlavičku, potom pätu, potom element v hlavičke, potom telo... ale pekne hlava, element v hlave, telo, päťa.
a k tej otázke: najčastejšie sa používajú [a=http://c2.com/cgi/wiki?LowerCamelCase]lowerCamelCase[/a] zápisy, prípadne pomlčkový zápis. Názvy by mali mať výpovednú hodnotu, takže nič také ako .velkaMacicka alebo radšej .articleHeader a mali by byť štrukturované. Teda ak je classa .article a v nej máš body a header, tak ich nazvať .article .body a .article .header a nie .articleBody a .articleHeader
Pre prvky ktoré sú zaručene na stránke iba raz používaj id (#mainHeader ...) namiesto class. Je to rýchlejšie pri selectoroch a prehladnejšie (lebo už zápisu vieš, že zmena sa prejaví iba na jednom mieste a nie kade tade) a classy sa snaž držať po kope. Aby nevzniklo že máš definovanú hlavičku, potom pätu, potom element v hlavičke, potom telo... ale pekne hlava, element v hlave, telo, päťa.
-
LukineskoNR
Expert
- Príspevky: 190
- Registrovaný: 05 sep 2014, 22:57
Re: Css-classy
Tak ucim sa zatial teraz som css presiel cele a idem na responzivny dizajn ale este skusam html a css aby sa mi to vrío pod kozu a moc som classy neupouzival radsej som pouzil ze .sidebar header h1{} lebo som myslel ze neni dobre mat vela classov ale potom som sa dozvedel ze je dobre napriklad pre seo optimalizaciu aby som nemusel menit cely kod ale zmenim len elementy. Tak ved skusim nieco aby som mal prehlad vtom kode a potom hodim sem ci to tak moze byt 
Re: Css-classy
miesas hned niekolko veci dohromady, SEO necham stranou to s css nijak nesuvisi
sass, less, stylus - najbeznejsie pouzivane preprocesory, to znamena pises nejaky kod podobny css a ten sa nasledne prekonvertuje do css
http://www.vzhurudolu.cz/blog/12-css-preprocesory-1
http://www.lesscss.cz/
BEM - metodika ako popisovat css classy, je to dobre hlavne pre to ze ta to samo vedie a nemusis skoro vobec rozmyslat ako classu pomenuvavat, ak sa drzis metodiky tak to ide skoro samo, na funkcnost to ale nema ziadny vplyv
http://www.vzhurudolu.cz/prirucka/bem
podobne napr. smacss
http://www.vzhurudolu.cz/prirucka/smacss
OOCSS - a potom tu mame objetove css, stoji za to si to osvojit
http://www.vzhurudolu.cz/prirucka/oocss
sass, less, stylus - najbeznejsie pouzivane preprocesory, to znamena pises nejaky kod podobny css a ten sa nasledne prekonvertuje do css
http://www.vzhurudolu.cz/blog/12-css-preprocesory-1
http://www.lesscss.cz/
BEM - metodika ako popisovat css classy, je to dobre hlavne pre to ze ta to samo vedie a nemusis skoro vobec rozmyslat ako classu pomenuvavat, ak sa drzis metodiky tak to ide skoro samo, na funkcnost to ale nema ziadny vplyv
http://www.vzhurudolu.cz/prirucka/bem
podobne napr. smacss
http://www.vzhurudolu.cz/prirucka/smacss
OOCSS - a potom tu mame objetove css, stoji za to si to osvojit
http://www.vzhurudolu.cz/prirucka/oocss