Css-classy

Programovacie jazyky, rady, poradňa...
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Css-classy

Príspevok od používateľa LukineskoNR »

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
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: Css-classy

Príspevok od používateľa *****HERO***** »

a ovladas vobec zaklady samotneho CSS ako takeho?
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Css-classy

Príspevok od používateľa audiotrack »

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.
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Re: Css-classy

Príspevok od používateľa LukineskoNR »

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 :)
markus
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 950
Registrovaný: 24 feb 2005, 23:53

Re: Css-classy

Príspevok od používateľa markus »

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
Napísať odpoveď