Web Design 3.0 a Joomla?
nicepage.com/doc/article/20348/web-desig...esign-really-matters
Co vy na to? Nevadí vám jak jsou všechny weby vlastně stejný? Snažíte se z toho nějak vymanit, i když používáte CMS Joomla?


Kdyby ten článek pokračoval stejným stylem dál (a nezastavil by se u reklamy na nějaký builder), jeho závěrem by bylo, že vlastně nemá cenu dělat webové stránky, ale jen prostě dávat fotky na instagram.
Pokud jde o standardní obsah na stránce, tak ta služba popírá sama sebe, viz:
nicepage.com/doc/article/1335/getting-st...age-joomla-extension
Toto je normální obsahová stránka, žádný "webdeisgn 3". Proč tedy někdo káže vodu a sám pije víno? Je to celkem směšně, snaží se člověka zmanipulovat a přesvědčit ho o tom, že standardní forma obsahu je mrtvá, ale aby vám popsali, jak jejich služba funguje, použijí normální - podle nich "zastaralou"/"mrtvou" standardní formu obsahu.
Je skvělé, že se design zjednodušuje a je použitelný na více zařízeních, ale pokud bude vaše stránka obsahovat 5 krásných fotek, 3 nic neříkající citace, pak zřejmě nikoho zajímat nebude.
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Ale já se ptal spíš na to, jestli vám vadí že všechny weby dnes vypadají stejně, jestli to nějak řešíte a jestli to vůbec jde, zvlášť pokud používáte Joomlu.
Můj kamarád webař, který obecně nemá rád jakékoliv šablony a open source CMS vůbec, pravil, že mu už dlouhou dobu ty 3.0 věci přijdou bez nápadu stejně jako bootstrap, že to má jen jiný prvky, ale zato jsou použitý vždycky a všude.
Taky názor


Nadcházejícím trendem je zobrazit stránku nejen responzivní, ale i A11Y a tudy se bude směr ubírat.
A pokud si Google prosadí PWA, pak to bude teprve konec pro designéry, protože, pokud všechny stránky budou PWA, pak vlastně nebude existovat práce pro webdesignera, protože design bude jen jeden a to ten nastavený od prohlížeče.
Co se týče Bootstrapu, tak Bootstrap stejně jako jQuery jsou fenoménem. Jsou to neuvěřitelní pomocníci a pokud je člověk dokáže na 100% využít, pak si ulehčí významně práci. A pokud člověk má nějaké nadání, dokáže i Bootstrapovou stránku udělat tak, že vypadá úplně jinak než jiné Bootstrapové stránky.
V poslední době můžeme sledovat trend, kdy jakýkoliv zakomplexovaný "Jouda" vymyslí nějaký nový framework a snaží se ho protlačit tím, že manipulativně pomlouvá zavedené techniky jako jsou Bootstrap a jQuery, atd.
A když začne člověk takový nový framework používat, zjistí, že je 100x složitější, 100x náročnější, 100x "blbější" než ten předchozí a že vlastně nepřináší vůbec nic nového. Jenže prostě marketing to zrovna označil za "in".
Člověk by měl dělat to, co cítí, že mu vyhovuje, jestli ti to jako grafikovi vyhovuje, a nebudeš tam cítit žádný limity, pak nevidím problém v tom, že se prostě budeš věnovat tomuto směru.
Jinak mit to celkem přimomíná debatu, jestli Guteberg ano nebo ne. Důvod, proč lidi nesnáší Gutenberg je v tom, že prostě někomu udělali firemní stránku, nastavili design a pak už nechali sekretářku, aby doplňovala aktuality, případně články. Stačilo pouze napsat text. Jenže jak to bude teď, budeme snad po sekretářce chtít, aby při psaní článku vytvářela i design pomocí "page builderu" v podobě Gutenberg editoru? Tady se prostě ztrácí výhoda Wordpressu. Byl to jednoduchý nástroj na vydávání nějakého textu. A proto ho lidé používali právě pro firemní stránky. Ovšem jak to bude teď, těžko říct.
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Poslední dobou mi spíš přijde trend zbavování se jQuery - přecho na čistý JS. Se zlepšující se podporou CSS3 bych podobný osud čekal i u Bootstrap, který mi s každou novou verzí přijde složitější a složitější a většina webů, co ho používá, ho vlastně vůbec nepotřebuje. Hlavně pořád mi "framework" typu Bootstrap přijde na hlavu postavený, CSS se přece vymýšlelo hlavně kvůli oddělení stylu a obsahu, Bootstrap to obrací a nutí mne dle stylu upravovat obsah...H13 napsal: V poslední době můžeme sledovat trend, kdy jakýkoliv zakomplexovaný "Jouda" vymyslí nějaký nový framework a snaží se ho protlačit tím, že manipulativně pomlouvá zavedené techniky jako jsou Bootstrap a jQuery, atd.

Cony napsal: Hlavně pořád mi "framework" typu Bootstrap přijde na hlavu postavený, CSS se přece vymýšlelo hlavně kvůli oddělení stylu a obsahu, Bootstrap to obrací a nutí mne dle stylu upravovat obsah...
Z hlediska programátorského je princip CSS velmi špatný, proto také vznikly věci jakou jsou SASS, LESS, apod. Ale to by asi bylo na dlouhou debatu.
Řekl bych, že Bootstrap vyloženě nikoho nenutí, prostě jen říká, hele máme připravený styly např. na tlačítka, pokud nazveš svoje tlačítko třídou "btn", pak už se o stylování nestarej, mi to máme připravený.
Podle mě to prostě ani nijak nejde, že by to "napasovali" na jakýkoliv HTML, co si kdo vymyslí, že tam určitý pravidla musí být.
Je to tak, že "prostě pro tebe máme připravený styly, ale pokud nám neřekneš, co a jak chceš ostylovat, tak to prostě nepůjde".
V SQL se taky člověk musí držet příkazů, který databáze zná, tak tady prostě člověk musí sestavit svoje HTML tak, aby Bootstrap pochopil, jak to má ostylovat.
A je to samozřejmě otázka vývoje, prostě až budou proměnný, flexbox, gridbox, atd. plně podporovaný, pak samozřejmě dokáže člověk udělat to, v čem mu pomáhal Bootstrap, jednoduše přes jednoduchý CSS.
To nejdůležitější, s čím Bootstrap přišel, responsivní grid, ten se dá už dnes nahradit pomocí jednoduchého CSS. Ale prostě, kdo zatím nechce pátrat a experimentovat, tak sáhne po "standardu"
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Jasně díky CMS bude většina obsahu, kterého se stylování týká v šabloně, tzn. budu upravovat převážně tu. Ale i přímo v článcích chci občas nějaké tlačítko, sloupce, hero unit apod...
Analogie s SQL není přesná, pokud bych jí dotáhl na úroveň CSS vs. Bootstrap, znamenalo by to že mám hotové SQL příkazy (např. pro výběr zaměstnanců), a v každé aplikaci kde chci používat SQL musím podle toho jednoho příkazu přesně vytvořit strukturu databáze (obsahu).Sice bych pak mohl vzít SQL z jedné aplikace a použít v druhé, ale pokud by to tak bylo, tak by vlastně SQL už nebylo potřeba. Podobně s Bootstrap, pokud nějaký takovýto "framework" budou mít prohlížeče přímo v sobě, není css potřeba. Vrátíme se na úroveň dob, kdy css nebylo a jediná možnost stylování byly elementy typ marquee, font apod.

Cony napsal: Podobně s Bootstrap, pokud nějaký takovýto "framework" budou mít prohlížeče přímo v sobě, není css potřeba. Vrátíme se na úroveň dob, kdy css nebylo a jediná možnost stylování byly elementy typ marquee, font apod.
No, pravděopodbně nás to díky PWA čeká.
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Jen doplním, že problém není podle mého ani tak ve "widgetech", které bootstrap poskytuje. Pokud se někomu líbí, tak ano, proč znovu vynalézat kolo a nepoužít to na svém webu. Když tvořím web a chci, aby byl nějak konzistentní, tak si také vytvořím např. třídu "button" a tu pak použiji na většinu tlačítek na webu a musím dodržovat HTML, pro které třída "button" byla stvořená. V tom nevidím prakticky rozdíl.
Problém u bootstrapu a jemu podobným vidím já osobně hlavně v tom, že obsahuje zástupné třídy pro jednoduché vlastnosti jako "display", "border", "margin", "padding" a snad i "color", apod... Třídy pro rozvržení layoutu v BS4 sem patří také. Dokázal jsem je ještě pochopit v BS <= 3, protože tu ještě nebyl flex a grid a bylo nutné vše složitě řešit pomocí kombinace div+float a některým lidem to hold za tu námahu nestálo, když to někdo zjednodušil do již připravených CSS tříd, ale nyní v BS4 už tyto třídy pro layouty také využívají možností flex a grid, tudíž z mého pohledu nemají pro kodéra žádný valný přínos a jsou tu spíše jen z nutnosti kvůli lidem, co jsou na tento způsob zvyklí a nechtějí se učit nic jiného (tedy, standardní CSS).
Ohledně CSS vs LESS/SASS a že je špatně, že to CSS neumí v základu, si nemyslím, že je to úplně šťastně řečeno. HTML a CSS je prakticky pro kodéry a ne programátory. Tudíž přidávat tam nějaké složitosti nikomu neprospěje. CSS má jasná pravidla a principy chování a nad vše lze připravit nějakou nadstavbu. Nevím jestli je to úplně správná analogie, ale řekl bych, že stejně jako pro CSS tu máme právě LESS/SASS, tak např. pro JS tu máme třeba CofeeScript, ale i o tom se už často píše, že je tento projekt DEAD, protože JS v tomto ohledu (syntaxe) pokročil. Netvrdím, že by se mi v CSS nelíbili některé věci z LESS/SASS a ani bych nevyloučil, že se v budoucnu něco objeví, ale nemyslím si, že se tam objeví vše co tyto "nadstavby" poskytují. A pokud ano, tak platí to samé, že i když už nebude nutné používat nic víc jak základní CSS, tak stejně se lidé nebudou zbavovat těchto nadstaveb



Jinak z historického pohledu nic proti jQuery a Bootstrapu, sám jsem to mnohokrát a rád v minulosti využíval, ale přesně jak naznačil Cony, tak trendem je naopak opouštění od těchto knihoven/frameworků, protože dnes už nenabízí žádné extra výhody, oproti základního JS (v podobě ECMAScript 6) a CSS3. Navíc při použití v CMS to přináší jen mnoho problémů (rozšíření mohou vyžadovat jiné verze a buď se hromadí ve stránce zbytečné skripty a nebo to spolu ani nefunguje) a i já sám jsem se již před nějakou dobou rozhodl, že nastal čas přestat tyto nadstavby používat a je z mnoha důvodů lepší psát většinu kódu/stylů nativně. A co já, pokud se nepletu, tak dokonce i vývojáři Joomla! tento trend v Joomla! 4.x následují a Mootools, jQuery a možná ani Bootstrap již v základu Joomla! nenajdeme (jen asi v šablonách zůstane, ale na to je třeba pohlížet odlišně a není to takový problém... navíc věřím, že i toho se časem zbaví).
No, dost bylo OT

vrtaak napsal: Hodně zajímavej článek, kde je popsaný všechno to, čeho sem si všímal už delší dobu a co mi vadilo na všech page builderech, šablonách a webdesignu vůbec -
nicepage.com/doc/article/20348/web-desig...esign-really-matters
Co vy na to? Nevadí vám jak jsou všechny weby vlastně stejný? Snažíte se z toho nějak vymanit, i když používáte CMS Joomla?
Rád bych se vyjádřil k původnímu dotazu.... Tošku mi přijde, jako bych četl jiný článek něž někteří zde přítomní


Osobně mám o úpadku webdesignu podobný názor, jen bych na rozdíl od pisatele článku asi netvrdil, že tu nikdy kvalitní a originální webdesign nebyl. Ten kdo ho chce, tak ho má a měl i před 10 lety, ale na většinu webových prezentací stačí ověřený design/layout. Problém moderního designu, se kterým naopak souhlasím, že nikdo už se neodváží do toho stereotypu přidat alespoň trošku originality či "umění". To je však přesně problém toho co tam mezi řádky popisuje, že dnes už se moc nerodí "praví" kodéři, ale jen "stavěči" webů, kteří neumí víc, než co umí jejich pagebuilder. A jelikož i většina pagebuilderů využívá právě zastaralých technik v CSS, zbytečného JS a nebo jsou přímo závislé na BS a neumožňují vybočit mimo jeho meze, tak se to ani nemá šanci změnit.
Článek bych shrnul tak, že jde o postesknutí nad tím, že i když už to máme několik let nové technologie pro tvorbu webů (CSS3, JS - ECMAScript ), které jsou prakticky plně podporované moderními browsery, tak stejně nevzniká více unikátních webdesignů, protože tyto technologie na pokročilé úrovni prostě neovládá každý na potkání a neimplementují se pořádně ani do pagebuilderů (kde by je mohli implementovat právě grafici a mohli by prakticky přeskočit kodéry).
Na konci článku pak už autor jen zmiňuje, že v tomto duchu se to oni snaží změnit a na tom nevidím nic zlého, navíc když to vyšlo na jejich blogu patřící k tomuto software. Pokud udělám konkurenční produkt k tomu co je na trhu a budu vědět, že většina ostatních mají stejné či podobné neduhy / "chyby", tak si také s čistým svědomím napíšu podobný článek, kde poukážu na to co se mi dlouhodobě nelíbí u konkurence a na konci klidně zmíním, že můj produkt na to jde jinak

Jen chci zmínit, že jejich pagebuilder a ani žádný jiný nějak extra do hloubky neznám, protože je nemám rád jednak kvůli zmíněným omezením, ale zejména kvůli tomu co z nich leze. Už jsem v minulosti zažil několikrát, že přepsat šablonu od nuly v čistém CSS3 a zbavení se např. BS, bylo při vícero originálních požadavcích klienta rychlejší než se snažit to implementovat do stávající šablony.
A je to samozřejmě otázka vývoje, prostě až budou proměnný, flexbox, gridbox, atd. plně podporovaný, pak samozřejmě dokáže člověk udělat to, v čem mu pomáhal Bootstrap, jednoduše přes jednoduchý CSS.
To nejdůležitější, s čím Bootstrap přišel, responsivní grid, ten se dá už dnes nahradit pomocí jednoduchého CSS. Ale prostě, kdo zatím nechce pátrat a experimentovat, tak sáhne po "standardu".
Co já vím, tak toto už je nějakou dobu neplatný argument. Z pohledu moderních a všech nejvíce používaných prohlížečů (IE v žádné verzi sem nepatří a po tom, co to veřejně ohlásil i M$, tak už k tomu tak i přistupuji) je FLEX plně podporován tuším od léta/podzimu 2015 a GRID tuším od jara 2017. To je dost času na to, aby lidi přešli na alespoň rok starou verzi libovolného moderního webového prohlížeče.
A pokud si Google prosadí PWA, pak to bude teprve konec pro designéry, protože, pokud všechny stránky budou PWA, pak vlastně nebude existovat práce pro webdesignera, protože design bude jen jeden a to ten nastavený od prohlížeče.
Můžete mi prosím objasnit, jak přesně PWA souvisí s designem? Tento názor vidím poprvé v životě a co já vím, tak PWA je zjednodušeně řešeno technologie, jež umožňuje webovým stránkám běžet na pozadí, využívat hw zařízení a případně z nich jednoduše udělat mobilní aplikaci postavenou na webových technologií. Ale ohledně designu co vím nic nediktuje a možná snad dokonce ani nedoporučuje. Pokud se mýlím, tak se nechám použit, ale už jsem se setkal s plno PWA aplikacemi a každá vypadalo jako běžná webová stránka, kde si každý řeší design po svém.

MS v tomhle udělali jednu zásadní strategickou chybu - IE ve windows ponechali. Že existuje edge ví podle mně tak 10% uživatelů windows, zbytek (krom těch co už někdo přesvědčil o Firefox / Chrome / Opeře) používá stále IE 11 a ještě dlouho budePavel [byPV.org] napsal: (IE v žádné verzi sem nepatří a po tom, co to veřejně ohlásil i M$, tak už k tomu tak i přistupuji)

Cony napsal:
MS v tomhle udělali jednu zásadní strategickou chybu - IE ve windows ponechali. Že existuje edge ví podle mně tak 10% uživatelů windows, zbytek (krom těch co už někdo přesvědčil o Firefox / Chrome / Opeře) používá stále IE 11 a ještě dlouho budePavel [byPV.org] napsal: (IE v žádné verzi sem nepatří a po tom, co to veřejně ohlásil i M$, tak už k tomu tak i přistupuji)
Souhlas (i když jsem doufal, že už tomu tak dnes není - používám Win jen výjimečně, tak nevím), není to poprvé a věřím, že ani naposledy co M$ kašle na pokrok a hází webovým vývojářům klacky pod nohy (a tím ochuzuje i všechny ostatní o případné kvalitnější a čistší aplikace).
Bohužel, s tím se asi nedá nic moc dělat a dokud nezačnou vývojáři tvrdě bojkotovat IE ve svých projektech (ignorovat chyby v něm, otravovat hláškami při vstupu na web či prostě web vůbec nezobrazit), tak se bohužel asi ani nic nezmění. A opět bohužel, málo lidí co jsem v životě potkal mají na toto "koule"

Podle různých statistik je podíl IE ve světě snad jen okolo 3% a určitě to budou převážně jen uživatelé určité sorty (např. starší občané, či prostě lidé s PC z minulého století) a to není cílovka každého projektu či služby, takže když si alespoň tito lidé troufnou na IE kašlat a striktně trvat u případných návštěvníků na používání webového prohlížeče (ne jiného, ale nějakého, pokud IE přestaneme takto nazývat


Samozřejmě se najdou i výjimky, co prostě nemohou IE z nějakého důvodu opustit (např. interní systém napsaný striktně pro IE), ale zde už jen odkážu na to, co nedávno napsal i samotný M$ (nebo někdo od nich - tuším šéf bezpečnosti). IE není web browser a proto ho nepoužívejte na veřejné webové stránky. Pokud jde o interní systémy svázané s IE, tak zde není problém IE používat, ale mimo tento systém použijte pro konzumaci webu cokoli jiného.