Na začátku jsou všichni navrženi v prohlížeči. Je to proto, že jsme doslova neměli jiné možnosti. Textový editor a prohlížeč byly jediné nástroje, které jsme měli.
Samotný HTML byl velmi základní. Stoly jsme ani nezískali ani několik let poté, co jsme měli první prohlížeč. Když jsme konečně udělali, netrvalo dlouho, než lidé začali s nimi pracovat. Jistě, byly navrženy pro tabulková data, ale pravidla a standardy jsou dělány strašně zlomené, že?
Několik let, transparentní soubory .gif a PSD později obvyklé nastavení webového návrhu vypadalo takto:
Návrhář by vytvořil rozhraní, které vypadalo hezky ve Photoshopu. Může to být použitelné. Na druhou stranu může mít navigační text, který se mísil s pozadím, příliš dobře. Důležité bylo, aby to vypadalo trochu 3D s mnoha přechody a stíny.
Pak by někdo (možná návrhář, třeba jeho kodérský kamarád) rozkrojil toto základní rozhraní, opatrně je znovu sestavil se stoly a ujistil se, že pracuje alespoň v IE6.
Může si někdo vzpomenout, co se stalo, když se klient chtěl změnit hlavní navigační odkaz a navigace byla složena výhradně z obrázků?
Časem jsme přešli z tabulek na CSS. Pak mnozí z nás přešli z posměchu všeho ve Photoshopu a znovu navrhli v prohlížeči. Kruh byl zavřený. Starý byl znovu nový. IE6 byl obsazen do požáru Mount Doom.
Dobré časy.
Začal jsem navrhovat webové stránky někde uprostřed všeho, když se lidé stěhovali do Photoshopu, ale měli jsme také Dreamweaver, Frontpage a další plagiky určené k potrestání hříšníků.
Byl jsem dítě. Nevěděl jsem, že by to bylo lepší. Nevěděl jsem, jak fungovaly HTML a CSS. Také jsem nevěděl, že:
Jednoduše řečeno, žádná vizuální aplikace pro návrh webových stránek nikdy nenabízí naprostou flexibilitu, která vyplývá z psaní HTML a CSS sami. Psaní vlastního kódu HTML a CSS vám umožňuje vyzkoušet nové techniky, psát nejmenší kód na největší efekt a zpravidla vytvářet lepší webové stránky.
Nejde jen o to, že můžete vytvořit lepší webové stránky tím, že se učíte psát HTML a CSS. Ty staré programy, FrontPage, Dreamweaver, všichni z nich, byli známí psaním obzvláště hrozného kódu. Bylo to nafouklé, pomalé, téměř nemožné pochopit, kdy jste přešli na textový editor.
Dokonce i diskontování základního značkování a stylingu byl software strašný, zejména pokud nevíte, jak fungují HTML a CSS. Víte, jak ve starých verzích aplikace Word může špatně umístit jeden obrázek do vašeho dokumentu umístit umístění všech ostatních prvků?
Představte si to, ale nevědíte, jak to opravit, protože odstranění obrazu nezdálo, že by vše vrátilo tam, kde to bylo dříve. Přidejte, že jste se na všechno ztratili v rozhraní a byl to jen špatný zážitek.
Když aplikace jako Macaw , Webflow , Webydo a jiní nejprve vyšli, byl jsem velmi, velmi skeptický. A proč bych nebyla? Byla jsem už spálena. Kromě toho jsem se dostal pryč od používání Photoshopu pro všechno, a já jsem se naučil hodně navrhnout v prohlížeči.
Ale nedávno jsem měl důvod se podrobněji věnovat těmto novým aplikacím a prohlížet stránky, které se s nimi provádějí. Proti všem mým výhradám se mě mění.
Zatímco stojím podle toho, co jsem napsal několik odstavců, kód se opravdu zlepšil. K těmto aplikacím přicházejí roky zkušeností a vývoj založený na standardech. Nikdo se nechce vrátit ke starým způsobům.
Není to dokonale optimalizovaný kód. Ale pak to nemusí být. Nikdo nebude budovat novou Wikipedii s Macawem nebo Webydem. Trh těchto aplikací se skládá z malých až středně velkých firem, které potřebují slušnou propagační stránku.
Pokud nebudou zasaženi tisíce návštěvníků každý den, méně než dokonalý kód nebude mít velký význam.
Odvozuji inspiraci z různých míst, ale čisté, prázdné plátno je jedno z nejlepších. Je to tak nabitá možnostmi a potenciálními řešeními. Sedím, dívám se a začal jsem klepat.
Nebo přinejmenším, tak jsem to udělal, když jsem všechno posílal ve Photoshopu. Navrhování stránek s kódem je o něco těžší rychle opakovat. Někdy jsem se jen těžko zbavil něčeho, co jsem právě vložil do CSS.
Přetahování 'n' drop je rychlejší.
Frontpage zahájila svou kariéru. Nikdy bych se nezapojil do webového designu, kdybych neměl (poměrně) snadné GUI, aby mě začal. Myslím tím, abyste co nejlépe využili něco jako Webflow, stále potřebujete znát základy HTML a CSS, ale dělají skvělé místo, kde se začnou učit ty věci.
A toto odvětví potřebuje něco takového pro novou generaci začátečníků.
V mnoha ohledech je to věk tvůrce vizuálních stránek. Nováčci se docela upřímně nechtějí naučit Git, Gulp, NodeJS nebo dokonce otevřít terminál. Chtějí dát na svou stránku zprávu a udělat s ní. Navíc méně zákazníků vidí místo, kdy zaplatí tisíc dolarů nebo více za jednoduché propagační stránky.
Je čas využít těchto nástrojů pro ty, kteří si nemohou dovolit peníze nebo čas na specializovaný webdesign a vývoj. Nástroje jsou připravené, stejně jako trh.
A to je v pořádku.
Doporučený obrázek, nástroje pro návrh webových nástrojů přes Shutterstock.