Vlákno názorů k článku CSS Grid: revoluce ve web designu? od Miroslav Šilhavý - Zamyšlení se. Přátelé, proč mám vždy dojem, že jakékoliv...

  • Článek je starý, nové názory již nelze přidávat.
  • 6. 12. 2017 6:13

    Miroslav Šilhavý

    Zamyšlení se.

    Přátelé, proč mám vždy dojem, že jakékoliv zamyšlení se nad účelem, historií i budoucím vývojem vyústí v reakce osob, které jsou většinou přesvědčeny o jediné správné cestě, ale zároveň neumí napsat ani argument, ani neznají historii vývoje?

    Z reakcí mám dojem, jako kdybych zde razil tabulky jako základní prvek layoutu, nebo jako kdybych nevnímal sémantiku dokumentů.

    Nic z toho pravda není. Jen upozorňuji, že ne každá webová stránka je ideální, ne každý nese vůbec nějakou informaci, a ne každá ji nese navždy. Existují weby čistě designové, existují weby jen dočasné (např. k marketingovým akcím). Existují případy, kdy informace a jejich struktura je na pomezí designu a zároveň samotné informační hodnoty. Nikdy jsem také ani neuvažoval, že by se design měl dělat tabulkami, jako v devadesátých letech, ale jednoznačně tvrdím, že element TABLE není určený jen k prezentaci dvourozměrné matice hodnot.

    Tím bych chtěl ze svojí strany příspěvky na toto téma ukončit, každý si už může vybrat, jak mým slovům rozumí. Všem hezký den.

  • 6. 12. 2017 9:43

    Miroslav Šilhavý

    Omlouvám se, ale příklady jsem některé uvedl, víc se tématem zabývat nehodlám. Nezlobím se na nikoho, že má odlišný názor. V celé diskusi jedině pan Jirsák uvedl relevantní argument, tedy, že TABLE je součástí sémantiky dokumentu, proti čemuž jsem dal na zváženou, jestli je potřeba se takového pravidla držet dogmaticky v marasmu, který HTML představuje.

    Zbytek je opravdu na každém, necítím potřebu ani vyhrát, ani mít nejvíc palců nahoru.

  • 6. 12. 2017 9:58

    Hmmm (neregistrovaný)

    Jo, pravda. Vsetci ostatni budeme robit weby, ktore su responzivne, s ktorymi nemaju citacky problemy a ktore su strukturovane podla aktualnych standardov a vy, v Jelly, ich budete robit s tabulkami. Aspon clovek vie akej firme sa vyhnut.

  • 6. 12. 2017 10:03

    Miroslav Šilhavý

    Promiňte, ale jste pitomec? Napsal jsem někde někdy něco takového???? Napsal jsem pouze, že existují situace, kdy je to vhodné řešení - uváděl jsem jako příklad právě situaci, kdy responsivita není žádoucí. Jste zaslepený a nechcete číst význam slov.

  • 6. 12. 2017 10:19

    Hmmm (neregistrovaný)

    Nie, nie som zaslepeny, ale mimo ineho som aj webdesigner a doposial si tu neuviedol ziaden priklad, kedy je vhodne pouzit table na cokolvek mimo tabulky s datami. A nie, table v tomto kontexte naozaj nie je grid.

  • 6. 12. 2017 12:25

    ded.kenedy (neregistrovaný)

    Mam formular DPFO, napriklad jeho druhou stranu, chci udelat v HTML formular se stejnym vzhledem a obsahem. Je v takovem pripade pouziti tabulky znasilnenim elementu TABLE a mel bych redeji pouzit DIVy, nebo je to zcela kromulentni pouziti?

  • 6. 12. 2017 12:28

    Miroslav Šilhavý

    Z mého pohledu, pokud je cílem zajištění pravoúhlé sítě pro prezentaci informací, je TABLE správně, jedná se o tabelované zarovnání výstupu.
    Patrně se mnou nikdo souhlasit nebude a budou se na to ohýbat DIVY na řádky a SPANY na sloupce.

  • 6. 12. 2017 12:43

    xxxxx (neregistrovaný)

    He he. Jestli se grid uchytí, budeme se za pár let zase smát, jak budou lidé nadávat na "neslušné" použití div/span pro určitý (možná veškerý) stránkový align.

    P.S.:Dotaz do pléna. Pokud by byl GRID 100% totéž jako TABLE, ale jen v jeho definici bylo, že NEjde o sémantickou značku. Také potom budete absolutně zatracovat všechny, co si dříve dovolili užít table (za určitých okolností, kde div/span jen zhoršil čitelnost /a to i strojovou/ a zvětšil náročnost pro rendering, namísto jednoduché table)? Přičemž užití grid byste považovali za ok? Pokud ano (a to není útok), zamyslete se, zda nemáte až příliš fanatický přístup, který jako extrém spíše škodí.

  • 6. 12. 2017 13:00

    Hmmm (neregistrovaný)

    Problem s TABLE nie je len semanticky. Pouzitie TABLE totiz so sebou v praxi prinasa viac problemov, nez rieseni situacii, ktore pouzitie DIVov alebo gridu vyriesia tiez. Ako napriklad spominana responzivnost alebo uz len editacia pri zlozitejsom layoute.

  • 6. 12. 2017 16:58

    Miroslav Šilhavý

    Vy mi asi nerozumíte. Já tu neříkám, že layout má být dělaný převážně tabulkami, nebo že současné technologie se mají tabulkami nahradit. Jen říkám, že části layoutu, některé prvky (= vnořené), si o použití tabulek říkají, a bylo by to racionální.

  • 6. 12. 2017 17:55

    xxxxx (neregistrovaný)

    No ale, přesně tak jsem to myslel. Že spousta věcí si o to říká.

    Také nemyslím že všechny a podobně. Ale podívejte se třeba na hlavní stranu root, lupy, idnes, seznamu a jiné. Typický X-sloupcový design, s jistým způsobem prvotním a závěrečným oddílem sahajícím pře část /či všechny/ sloupcové oddíly.

    V rámci sloupců pak vnořené "tabulkové" (==stylem stále shodné) rozdělení po řádcích, kde se opakuje motiv - ikonka, nadpis, krátký popis, a podobně. A v tom celkovém zápatí/záhlaví či jednom ze sloupců dále "tabulkový" (X*Y) přehled dalších logických prvků odkazů (obrázek, velmi stručný popis) coby reklama ať už na vlastní články, spřátelené, či úplně cizí projekty.

    Ať chceme či ne, ten "tabulkový" pohled se třeba na hlavní strany (novinového typu) obvykle hodí. Reálně se užívá (i když nyní obvykle za použití jiných metod než table). Něco jiného jsou pak věcné články a podobně. Pochopitelně. Tam grid logicky moc smyslu nedává.

  • 6. 12. 2017 18:41

    Filip Jirsák
    Stříbrný podporovatel

    xxxxx, 17:55: Pletete si tabulku (table) a mřížku (grid). To, co popisujete na Rootu a označujete strany novinového typu, není tabulka, ale právě mřížka. Tabulka se vyznačuje tím, že řádky a sloupce mají význam, a buňky tabulky obsahují něco, co má vztah k příslušnému řádku i sloupci.

    Vaše teorie, co kdyby CSS Grid byl udělaný jako HTML tabulka bez sémantického významu, má tu drobnou trhlinu, že zaměňujete HTML a CSS. HTML je sémantické, určuje význam, CSS definuje způsob prezentace (nejen vizuální). Jeden a ten samý obsah můžete prezentovat mnoha různými způsoby, proto je HTML a CSS oddělené.

    Zkuste si představit, jak je titulní stránka Rootu prezentována hlasovou čtečkou. „Hlavní sloupec a ??? řádek: Odpověď na názor“. Pořád si myslíte, že je to tabulka?

  • 7. 12. 2017 7:18

    Hmmm (neregistrovaný)

    Silhavy: Tym padom sa dostavame opat k tomu, ze vlastne neviete o com hovorite, pretoze rec bola o layoute robenom tabulkami. To, ze table sa moze pouzit na prezentaciu tabulkovych dat je predsa uplne v poriadku a to tu ani nikto nepopieral. Ale to, ze do layoutu date table aby ste napr ukazali mesacny kalendar alebo poradie timov v NHL este z layoutu nerobi tabulkovy layout. To sa opat dostavame k tomu, ze operujete s vyrazmi, ktorym nerozumiete.

  • 7. 12. 2017 7:53

    Miroslav Šilhavý

    Prosím přečtěte si diskusi od začátku. Pozorně. Protože tam najedete, že zneužívání tabulky pro layout jsem kritizoval, ale stejně tak jsem kritizoval nesmyslné vyhýbání se tabulkám za každou cenu, i tam, kde jsou z některých důvodů vhodné. U některých webů je důležitá sémantika (např. kvůli UX, responsivitě, přístupnosti, ...), u některých nikoliv - i toto musí vstupovat do rozhodování.

    Samotný základní layout dělat výhradně / převážně tabulkou je nesmysl a nemá opodstatnění. Naopak data, která je potřeba zarovnávat (tabelovat) do tabulky patřit mohou. Jako jeden z příkladů jsem dával layout, který by měl vizuálně připomínat novinovou sazbu. Novinová sazba se na webu běžně nepoužívá, ale pokud už by někdo chtěl evokovat tento styl (= retro, designová záležitost, nikoliv informační web), pak bych použití tabulky nevylučoval. V takovém případě je totiž i responsivita nežádoucí (= mimo přání zadavatele). Podobným případem může být např. samotná dlaždice produktu v dlaždicovém zobrazení e-shopu - veškeré informace v dlaždici spolu souvisí, takže i sémanticky k sobě sedí.

    Takže znovu: jediné, co říkám je, aby lidé mysleli nad tím, kdy je jaká technologie (způsob zpracování) vhodná. Jinak se dělá web á la root.cz, který musí být přístupný, má data denně měněná, potřebují ho číst všichni (i hendikepovaní), a něco jiného je výroční produktový web pivovaru, který poběží tři měsíce a jeho účelem je mazat virtuální pivní pěnu kolem tlam úzké cílové skupiny.

  • 7. 12. 2017 8:19

    Hmmm (neregistrovaný)

    Tak znovu. Nikto nehovoril o vyhybani sa table za kazdu cenu. Vsetci hovorili o tom, ze sa nema pouzivat pre tvorbu layoutu.
    Toto co tu teraz hrajete povazujem za pokus o otocenie diskusie. Bud to, alebo naozaj netusite o com hovorite.

  • 7. 12. 2017 10:07

    Miroslav Šilhavý

    Ale prdlajz otáčení. V layoutu jsou prvky, které si o tabulku vysloveně říkají, a přesto se jim kodéři vyhýbají.
    Příklady jsem dal, někdo se mnou třeba souhlasí, někdo nesouhlasí, ale každopádně jde vidět, že je to kontroverzní téma.

    Dále jsem tvrdil, že existují projekty a situace, kde přístupnost, responsivita a UX nehrají první roli, a kde je pragmatický přístup na místě.

    Jestli jste moje příspěvky pochopil tak, že hlavní layout stránky má být tabulka, pak jste si domyslel něco, co jsem netvrdil.

  • 7. 12. 2017 11:00

    Filip Jirsák
    Stříbrný podporovatel

    V layoutu jsou prvky, které si o tabulku vysloveně říkají, a přesto se jim kodéři vyhýbají.
    A je to správně, že se jim kodéři vyhýbají – buď nad tím přemýšlejí, a nebo alespoň používají best practices oboru. Layout se totiž z velice dobrých důvodů řeší v CSS, HTML z velice dobrých důvodů popisuje jenom obsah.

    Příklady jsem dal
    Jaké? Novinovou sazbu? Možná je chyba, že to zatím nikdo explicitně nenapsal, ale – nikdo po vás nechce příklady toho, kde by se table dalo pro layout nějak zneužít – chceme po vás příklady, kde by to použití bylo podle vás vhodné.

    každopádně jde vidět, že je to kontroverzní téma
    To, že něco opakujete pořád dokola, nepředkládáte argumenty a ignorujete argumenty ostatních, z toho nedělá kontroverzní téma.

    Dále jsem tvrdil, že existují projekty a situace, kde přístupnost, responsivita a UX nehrají první roli, a kde je pragmatický přístup na místě.
    Takové projekty sice existují, ale i v takových projektech je nevhodné používat pro layout element table. To je totiž to, že jste za celou dobu neuvedl jediný příklad, kdy by použití table pro layout bylo vhodné, tj. převažovaly by tam výhody nad nevýhodami. Vy jste dokonce neuvedl ani jedinou výhodu použití table pro layout. Zatím jediný důvod pro takové použití, který plyne z vašich komentářů, je ten, že je to podle vás kontroverzní, a vy pravděpodobně preferujete kontroverzní věci.

  • 7. 12. 2017 11:27

    Miroslav Šilhavý

    Ale to se pořád točíme dokola kolem Vašeho upjatého výkladu, že TABLE určený jen k prezentaci dvourozměrné matice hodnot, a že k ničemu jinému ten element neslouží. Kdybychom na HTML, a vůbec na celý svět nazírali takto černobíle, nikam bychom se nehnuli.

    Stejnou redukcí ad absurdum byste ve Vašich úvahách mohl dojít k tomu, že jakýkoliv grafický prvek je zbytečný, protože už od dob Guttenberga je přeci dané, jak se mají informace reprodukovat.

    Prostě hon proti TABLE byl zveličený.

  • 7. 12. 2017 12:57

    Filip Jirsák
    Stříbrný podporovatel

    To, že HTML je určené pro popis obsahu a CSS pro definování způsobu prezentace není můj výklad – nad účelem těchto formátů panuje všeobecná shoda mezi lidmi, kteří se webem zabývají, ty formáty se i rozvíjejí s ohledem na tento účel.

    Pokud by jeden element sloužil k několika různým věcem, bylo by to dost nepraktické, protože byste nikdy nepoznal, ke kterému účelu je zrovna použit.

    Kdybychom na HTML, a vůbec na celý svět nazírali takto černobíle, nikam bychom se nehnuli.
    To není žádné nazírání, table je takhle definováno. Neexistuje žádný důvod, proč definici nějak rozmazávat – pokud bychom potřebovali definovat něco jiného, není problém pro to zavést nový element.

    Navíc vy pořád básníte o dalších způsobech použití table, ale zatím jste neuvedl ani jeden další způsob použití, který by měl nějaké výhody.

    Prostě hon proti TABLE byl zveličený.
    To není žádný hon proti table. Je to pouze snaha vysvětlit vám, že není nic špatného na tom, že se table používá tak, jak je definována. Neuvedl jste žádný důvod, proč to používat jinak. Jestli pouze za každou cenu chcete být kreativní, klidně si table používejte pro vkládání obrázků, img jako patičku stránky a odkazy si dělejte pomocí bflmpsvz, ale nedivte se, že ostatní nesdílí to vaše nadšení pro to dělat věci za každou cenu jinak.