<style> uvnitř <body>

21. 6. 2014 09:54:05

Když dělám webovky, tak největším zabijákem produktivity je u mě stylování. A taky je zdrojem největších depresí, protože se mi pořád zdá, že v tom projektu mám strašný binec. Tak tu tak nad tím přemýšlím, jak si v tom uklidit. Největším problémem je, že deklarace těch tříd je v jiném souboru (respektive souborech) a já bych ty styly chtěl dostat hned k tomu HTML kódu. Samozřejmě se bavíme o „lokálních“ stylech.

No nebudu to moc okecávat, prostě chci ty třídy deklarovat pomocí ...

...

21. 6. 2014 10:27:40

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033665

Miloslav Lešetický

(10 hodnocení)

21. 6. 2014 10:41:31

Když použiješ inline styl, vyjde to prakticky nastejno, ne?

21. 6. 2014 10:41:31

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033664

Fido123

(13 hodnocení)

21. 6. 2014 10:51:29

Napsal Plaváček;1100044
Když použiješ inline styl, vyjde to prakticky nastejno, ne?

No stejné to není. Za prvé takhle mi to příjde přehlednější, než to hledat někde uprostřed tagů, ale hlavně potřebuju používat třídy, kvůli opakujícím se stylům.

21. 6. 2014 10:51:29

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033663

Miloslav Lešetický

(10 hodnocení)

21. 6. 2014 10:57:36

Já se přiznám, že moc nerozumím, jaký problém řešíš. Jsem ze staré školy a ctím zásadu, že HTML je jazyk popisující strukturu dokumentu, a jeho forma má být zásadně oddělená. Myslím, že i inline styly jsou krokem vedle, scoped jako takový je vlastně stejné zvěrstvo a nemá v HTML co pohledávat.

Je možná pravda, že najde své užití v omezených případech (viz článek a podnětná diskuse zde: http://html5doctor.com/the-scoped-attribute/), ale stavět na něm celý web mi nepřijde jako moc dobrý nápad.

21. 6. 2014 10:57:36

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033662

Fido123

(13 hodnocení)

21. 6. 2014 11:16:18

Napsal Plaváček;1100048
Já se přiznám, že moc nerozumím, jaký problém řešíš. Jsem ze staré školy a ctím zásadu, že HTML je jazyk popisující strukturu dokumentu, a jeho forma má být zásadně oddělená. Myslím, že i inline styly jsou krokem vedle, scoped jako takový je vlastně stejné zvěrstvo a nemá v HTML co pohledávat.
Je možná pravda, že najde své užití v omezených případech (viz článek a podnětná diskuse zde: http://html5doctor.com/the-scoped-attribute/), ale stavět na něm celý web mi nepřijde jako moc dobrý nápad.

No já Tě ujišťuji, že HTML jsme se oba učili ze stejné knížky a že mám na to stejný názor.

Ale u větších projektů se prostě nevyhneš tomu mít různé moduly, ze kterých pak lepíš stránku a to je právě ten případ, který potřebuji rozlousknout. Řešení, které chci použít přece taky zcela jednoznačně odděluje HTML a CSS, akorát prostě na úrovni jednotlivých modulů. A pro mě je to rozdíl v produktivitě, pokud to vidím všechno na jedné obrazovce, nebo musím přepínat mezi soubory.

Prostě chci zvolit menší zlo. Takhle mám buď jeden velý chaotický CSS soubor, nebo gazilion malých CSS souborů a fakt mě to už nebaví.

Jo a mimochodem, od někoho ze staré školy by se čekal opak toho, co píšeš :)

21. 6. 2014 11:16:18

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033661

sqrt

21. 6. 2014 11:24:45

Pokud je to čistě tvůj projekt, tak si v tom dělej co jen chceš. Pokud je ale pravděpodobné, že na tom po tobě bude muset pracovat někdo další, tak na tenhle "vylepšovák" radši zapomeň, s největší pravděpodobností pro tohle nebude mít pochopení. Jde o čistotu kódu, o jeho přehlednost a v neposlední řadě právě o tu modularitu, kdy můžeš jednoduše celý blok stylů připojit/odpojit/vložit jinam

21. 6. 2014 11:24:45

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033660

Fido123

(13 hodnocení)

21. 6. 2014 11:34:08

Napsal sqrt;1100052
Pokud je to čistě tvůj projekt, tak si v tom dělej co jen chceš. Pokud je ale pravděpodobné, že na tom po tobě bude muset pracovat někdo další, tak na tenhle "vylepšovák" radši zapomeň, s největší pravděpodobností pro tohle nebude mít pochopení. Jde o čistotu kódu, o jeho přehlednost a v neposlední řadě právě o tu modularitu, kdy můžeš jednoduše celý blok stylů připojit/odpojit/vložit jinam

Celkem sranda, že oba jsme schopní přehledností obhajovat to své. Já jsem prostě (asi z programování desktopových aplikací) zvyklý modul zapouzdřit a mít to všechno po kupě.

No mě spíše zajímaly technické otázky tady toho, ale i tyhle přípomínky jsou pro mě docela podstatné.

EDIT: On ten Tvůj komentář je vlastně docela zásadní. Jakkoliv je pro pro mě zpřehlednění a zvýšení produktivity, v nějakém týmu by to fungovalo opačně.

21. 6. 2014 11:34:08

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033659

sqrt

21. 6. 2014 11:46:50

V desktopových aplikacích taky necpeš třeba xml natvrdo do zdrojáku, abys nemusel přepínat mezi soubory. Oddělení modulů zajišťuj na úrovni adresářů a ne tím, že všechno sesypeš do jednoho souboru.

21. 6. 2014 11:46:50

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033658

Fido123

(13 hodnocení)

21. 6. 2014 12:03:02

Napsal sqrt;1100056
Oddělení modulů zajišťuj na úrovni adresářů a ne tím, že všechno sesypeš do jednoho souboru.

O tom jsem vůbec nepsal, o oddělení modulů, tohle neřeším. A nejde o to VŠECHNO sesypat do jednoho souboru. Jenom prostě tyhle dvě věci, které k sobě nějakým způsobem patří. Hele já vím, že to není úplně košer to mixovat, ale prostě by mi to zvedlo dost podstatně produktivitu, proto nad tím takhle nahlas uvažuji.

Fakt je ten, že kdybych byl zvyklý pracovat v týmu, tak mě to nejspíš ani nenapadne.

21. 6. 2014 12:03:02

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033657

Jiri Soustal

21. 6. 2014 12:06:32

a co jquery... taky to chceš rvát do html?

Je to názor proti názoru, nikdo ti nemůže zakázat dělat to tak a tak, protožek aždý si ve všem musí najít svůj systém.

Nicméně většina html/css/jqery jde do ruk ještě někomu jinému, například programátorovi, který když 'nasazuje' web, tak vidí nějaké nedostatky a pokud je toho schpný, tak to rovnou opraví, ale s tímhle způsobem, by se ti to pokaždé vrátilo a nevěřím tomu, že by se ti to proplatilo a vyplatilo :-)

21. 6. 2014 12:06:32

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033656

sqrt

21. 6. 2014 12:10:53

Projekt na kterém momentálně dělám, má styly rozdělené do více než třiceti souborů v devíti adresářích a je to opravdu z důvodu přehlednosti - kdyby to všechno bylo v jednom souboru nebo nedejbože po všech čertech rozeseté po celém projektu, tak se z toho zblázním. Možná by to chtělo zapracovat na organizaci kódu a vylepšit workflow. Já například používám SASS, který nejen podstatně usnadňuje práci se styly, ale na konci si můžu vygenerovat jeden jediný soubor se všemi styly. Navíc kvůli automatizaci používám GRUNT, který mi zase například sloučí všechny použité pluginy do jediného js/css souboru(umí toho samozřejmě podstatně víc). Dávat css do html může u menších projektů vypadat jako super nápad, u těch větších se v tom začneš ztrácet, bude to vést k nadbytečnému kódu a zbytečným chybám. Z technického hlediska budou samozřejmě fungovat oba přístupy, je to čistě na tobě, který zvolíš.

21. 6. 2014 12:10:53

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033655

Fido123

(13 hodnocení)

21. 6. 2014 12:33:29

Napsal sqrt;1100063
Projekt na kterém momentálně dělám, má styly rozdělené do více než třiceti souborů v devíti adresářích a je to opravdu z důvodu přehlednosti - kdyby to všechno bylo v jednom souboru nebo nedejbože po všech čertech rozeseté po celém projektu, tak se z toho zblázním. Možná by to chtělo zapracovat na organizaci kódu a vylepšit workflow. Já například používám SASS, který nejen podstatně usnadňuje práci se styly, ale na konci si můžu vygenerovat jeden jediný soubor se všemi styly. Navíc kvůli automatizaci používám GRUNT, který mi zase například sloučí všechny použité pluginy do jediného js/css souboru(umí toho samozřejmě podstatně víc). Dávat css do html může u menších projektů vypadat jako super nápad, u těch větších se v tom začneš ztrácet, bude to vést k nadbytečnému kódu a zbytečným chybám. Z technického hlediska budou samozřejmě fungovat oba přístupy, je to čistě na tobě, který zvolíš.

A tak já taky používám LESS a nestarám se o nic, v okamžiku kdy některý z toho gazilionu LESS souborů změním, tak se mi automaticky vygeneruje jedno velké CSSko. V tom vážně problém není.

Ale tohle by mi právě mělo pomoct u větších projektů, na rozdíl od toho, co píšeš. Máš prostě modul já nevím „Nejpopulárnější příspěvky“. Uděláš ho, jede, fajn. No a pak tam potřebuješ něco upravit a přesně víš, kde to najdeš. Redundandní kód? Tak to možná jo. Chyby? Nevidím důvod.

21. 6. 2014 12:33:29

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033654

sqrt

21. 6. 2014 13:26:41

Já to pořád nějak nechápu :-) Potřebuju upravit styly sidebaru, tak jdu do složky "sass/sidebars/". Chci změnit některý popup, otevřu "sass/popups/". Chci změnit barvy, najdu je v "sass/themes/". Osobně v tom nevidím žádný problém. Ale dělej, jak uznáš za vhodné.

21. 6. 2014 13:26:41

https://webtrh.cz/diskuse/style-uvnitr-body/#reply1033653