Comments on: Jak píši CSS: mikrostruktura, třídění vlastností a jiné malichernosti https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti Zápisník někdy o ničem, ale někdy i o tvorbě webových stránek, o použitelnosti, o uživatelských rozhraních, o CSS a tak všelijak. Sun, 25 Aug 2019 21:00:51 +0000 hourly 1 http://wordpress.org/?v=3.5.2 By: Kahi https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti#comment-75698 Kahi Tue, 10 Nov 2009 22:56:49 +0000 http://kahi.cz/blog/?p=434#comment-75698 <!–texy–>[21] Děkuji, že jsi se podělil.

]]> [21] Děkuji, že jsi se podělil.

]]> By: Martin Kaman https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti#comment-75696 Martin Kaman Tue, 10 Nov 2009 10:08:08 +0000 http://kahi.cz/blog/?p=434#comment-75696 <!–texy–>Díky za článek, vyzkoušel jsem trojku a vzápětí si osvojil způsob číslo 4:

CSS zapisuju způsobem číslo 1 a v editoru (používám PhpED) si u větších souborů zapínám Code folding -> Collapse All (vizte "http://twitpic.com/ozbf5&quot;:[http://twitpic.com/ozbf5]).

Výhody:
- změny v repozitáři se ukazují srozumitelně, CSS vlastnost se dá smazat zkratkou pro výmaz řádku
- dokument je krátký a dá se v něm skrolovat
- máte rozbalené jen ty selektory, se kterými pracujete – vlastnosti ostatních selektorů vás nerozptylují
- kdykoliv se dá přepnout na způsob č. 1

Nevýhody:
- musí se klilknout, když se chcete podívat na vlastnosti

Ve větších dokumentech vyhledávám přes Ctrl+F nebo Ctrl+G (jdi na číslo řádku – č. řádku mi při ladění ukazuje Firebug). Když přistanu na řádku číslo XY, automaticky se rozbalí "skupina", ve které se řádek nachází.

]]> Díky za článek, vyzkoušel jsem trojku a vzápětí si osvojil způsob číslo 4:

CSS zapisuju způsobem číslo 1 a v editoru (používám PhpED) si u větších souborů zapínám Code folding → Collapse All (vizte http://twitpic­.com/ozbf5).

Výhody:

  • změny v repozitáři se ukazují srozumitelně, CSS vlastnost se dá smazat zkratkou pro výmaz řádku
  • dokument je krátký a dá se v něm skrolovat
  • máte rozbalené jen ty selektory, se kterými pracujete – vlastnosti ostatních selektorů vás nerozptylují
  • kdykoliv se dá přepnout na způsob č. 1

Nevýhody:

  • musí se klilknout, když se chcete podívat na vlastnosti

Ve větších dokumentech vyhledávám přes Ctrl+F nebo Ctrl+G (jdi na číslo řádku – č. řádku mi při ladění ukazuje Firebug). Když přistanu na řádku číslo XY, automaticky se rozbalí „skupina“, ve které se řádek nachází.

]]> By: Lokutus https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti#comment-72491 Lokutus Mon, 24 Nov 2008 12:49:02 +0000 http://kahi.cz/blog/?p=434#comment-72491 <!–texy–>Hezký.
Já sice nepíču CSS, ale myslím, že i tady platí jedno jediné pravidlo, bez ohledu na to, co je psáno.
To pravidlo je typografické a zajišťuje snadnou čitelnost textu. Je starobylé, tudíž je prověřené věkem.
Je to pravidlo 80 znaků na řádek.
Je možno to rozšířit na 120 znaků na řádek, ale principem je, aby se text vešel na šířku stránky i s okraji.

Širší vertikální roztažení je výhodnější, neboť ač je dokument delší, je vidět jen jeden skrolbar a posouvání dokumentu se děje pouze na ose Y.
Naopak širší horizontální roztažení má za následek zobrazení druhého skrolbaru a nutnost posouvat dokument v obou osách.

Navíc nejčitelnějším oddělovačem informací je odřádkování.

Tomu se historicky říká best-practise a znali to už v dobách, kdy používaly svitky (ano, pouze vertikální skrolování).

]]> Hezký.
Já sice nepíču CSS, ale myslím, že i tady platí jedno jediné pravidlo, bez ohledu na to, co je psáno.
To pravidlo je typografické a zajišťuje snadnou čitelnost textu. Je starobylé, tudíž je prověřené věkem.
Je to pravidlo 80 znaků na řádek.
Je možno to rozšířit na 120 znaků na řádek, ale principem je, aby se text vešel na šířku stránky i s okraji.

Širší vertikální roztažení je výhodnější, neboť ač je dokument delší, je vidět jen jeden skrolbar a posouvání dokumentu se děje pouze na ose Y.
Naopak širší horizontální roztažení má za následek zobrazení druhého skrolbaru a nutnost posouvat dokument v obou osách.

Navíc nejčitelnějším oddělovačem informací je odřádkování.

Tomu se historicky říká best-practise a znali to už v dobách, kdy používaly svitky (ano, pouze vertikální skrolování).

]]> By: Tomáš Halada https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti#comment-72130 Tomáš Halada Mon, 10 Nov 2008 10:19:40 +0000 http://kahi.cz/blog/?p=434#comment-72130 <!–texy–>Já teda píšu zásadně vždy na nový řádek, s tím že je seskupuju přesně jako ty, akorát pořád pod sebe – pořád je to pro mě nejpřehlednější, a díky tomu ustálenýmu seřazení mám pohromadě vše kolem fontu, barvy a pozadí, atd…

]]> Já teda píšu zásadně vždy na nový řádek, s tím že je seskupuju přesně jako ty, akorát pořád pod sebe – pořád je to pro mě nejpřehlednější, a díky tomu ustálenýmu seřazení mám pohromadě vše kolem fontu, barvy a pozadí, atd…

]]> By: Martin Michálek https://kahi.cz/blog/jak-pisi-css-trideni-vlastnosti#comment-72129 Martin Michálek Mon, 10 Nov 2008 10:02:22 +0000 http://kahi.cz/blog/?p=434#comment-72129 <!–texy–>[7] Kahi, abecední třídění nepoužívám. Snažím se CSS rozdělit do strukturovaných a komentovaných bloků tak, aby každý neobsahoval více než 8-10 pravidel.

Chápu samozřejmě i argumenty pro horizontálně tolerantní přístup. Sám jsem jej na několika projektech nedávno použil, ale nakonec se zase vrátil tomu neúspornému, ale pro mě čitelnějšímu.

Vertikálně tolerantní přístup bych použil v případech, že stylopis má opravdu pár řádků a vlastností u selektrorů není mnoho. Typicky třeba barevné schéma.

Je to vlastně spíše problém layoutu rozhraní editorů CSS: číst dlouhé řádky mě unavuje a když mám vlastnosti pod sebou, vejde se mi jich na obrazovku málo. Kdyby CSS editory navrhoval designér, asi by udělal něco jako sloupcový layout, kde v každém sloupci by byl blok slektorů s vlastnostmi pod sebou.

[15] Martine, díky. Vypadá to po čase na zajímavé myšlenky o CSS.

]]> [7] Kahi, abecední třídění nepoužívám. Snažím se CSS rozdělit do strukturovaných a komentovaných bloků tak, aby každý neobsahoval více než 8–10 pravidel.

Chápu samozřejmě i argumenty pro horizontálně tolerantní přístup. Sám jsem jej na několika projektech nedávno použil, ale nakonec se zase vrátil tomu neúspornému, ale pro mě čitelnějšímu.

Vertikálně tolerantní přístup bych použil v případech, že stylopis má opravdu pár řádků a vlastností u selektrorů není mnoho. Typicky třeba barevné schéma.

Je to vlastně spíše problém layoutu rozhraní editorů CSS: číst dlouhé řádky mě unavuje a když mám vlastnosti pod sebou, vejde se mi jich na obrazovku málo. Kdyby CSS editory navrhoval designér, asi by udělal něco jako sloupcový layout, kde v každém sloupci by byl blok slektorů s vlastnostmi pod sebou.

[15] Martine, díky. Vypadá to po čase na zajímavé myšlenky o CSS.

]]>