Dreamweaver stále zomiera

Pred štyrmi rokmi som to oznámil "Dreamweaver zomiera", že praktické vytváranie HTML sa skončilo a budúcnosť patrila pripravovaným CMS, ako sú WordPress a Drupal. Ojoj

Dreamweaver stále zomiera

Praktický webový dizajn je stále s nami, rovnako ako Dreamweaver, skutočnosť, ktorá bola nedávno premietnutá v Adobe „Create relácia Web“, keď sa moderátor spýtal, koľko ľudí v miestnosti stále používa program – takmer každá ruka išla hore. Prečo teda Dreamweaver stále prosperuje?

Odpoveď možno zhrnúť do jedného slova: HTML5. Keď som túto časť napísal v roku 2009, HTML4 a CSS 2 mali viac ako desať rokov; webdizajnéri pochopili zásadne obmedzenú platformu, ktorú poskytovali; a World Wide Web Consortium (W3C) plánovali prepísať oboje do XML, aby ich vytesali do kameňa.

Web je univerzálny alebo nie je ničím a nemá zmysel vytvárať spievajúce a tancujúce stránky, ktoré väčšina vášho publika nemôže vidieť

V tom roku však nastal mimoriadny obrat. Mnoho vývojárov prehliadačov bolo nespokojných s obmedzeniami a potom, čo W3C odmietlo ich pôvodné návrhy, Mozilla a Opera spojili svoje sily. s Apple vytvoriť nezávislú Web Hypertext Application Technology Working Group (WHATWG) a presadiť možnosti HTML, CSS a JavaScript.

V roku 2009 W3C prijalo porážku, zrušilo svoju vlastnú XHTML pracovnú skupinu a prijalo iniciatívu WHATWG, čím odovzdala budúcnosť webu vývojárom prehliadačov a ich vyvíjajúcemu sa HTML5.

To malo sľubovať vzrušujúce nové funkcie pre najpopulárnejší nástroj na tvorbu webu na svete, ale Dreamweaver sa aj naďalej správal, akoby HTML5 neexistovalo.

Aby sme boli spravodliví, existovali dobré praktické dôvody. Web je univerzálny alebo je to nič a nemá zmysel vytvárať spievajúce a tancujúce stránky, ktoré väčšina vášho publika nemôže vidieť. Weboví dizajnéri spravidla pracujú na najnižšom spoločnom menovateli, čo znamenalo čakanie, kým budú všetky prehliadače iné ako HTML5 vymazané zo systému – veľmi vzdialená perspektíva.

Ďalším faktorom bolo, že spoločnosť Adobe už mala svoju vlastnú, mimoriadne úspešnú technológiu webových aplikácií vo formáte Flash a bola odhodlaná využiť výhodu, ktorú jej a jej používateľom poskytla. Keď sa spoločnosť Adobe zamerala na túto stratégiu, Dreamweaver vyzeral čoraz viac ako nástroj iba na zabalenie aplikácií Flash založených na SWF do HTML. Tiež, pretože Flash bol univerzálne podporovaný prehliadačmi pre stolné počítače a mohol robiť všetko, čo HTML5 sľubovalo dodať – a okrem toho oveľa viac – potreba prejsť na menej výkonný a menej univerzálny HTML5 bola diskutabilná najlepšie.

Teraz kliknite sem

Prečítajte si našu prvú recenziu Dreamweaver CC

Rozuzlenie tohto príbehu som obšírne popísal. Steve Jobs obrátil web hore nohami, keď deň pred uvedením Adobe Creative Suite 5 oznámil, že Apple nebude podporovať Flash na iPhone alebo iPade. Flash v prehliadači, zbavený univerzálneho doručovania na týchto zariadeniach novej generácie, bol odsúdený na rýchly pokles. Ak chcete poskytovať bohatý webový obsah a streamovať video do zariadení so systémom iOS, zrazu ste museli prijať HTML5. Rovnako ako predtým W3C, Adobe nebolo schopné kontrolovať vývoj webu a Flash sa vydal cestou XHTML. V blogovom príspevku, v ktorom Jobs podpísal Flashov rozsudok smrti, sa uvádza: „Možno by sa Adobe malo viac zamerať o vytváraní skvelých nástrojov HTML5 pre budúcnosť a menej o kritizovaní spoločnosti Apple za to, že opustil minulosť vzadu.”

To bola rada, ktorú Adobe nemala na výber a v apríli 2011 sa objavil Dreamweaver CS5.5 so zameraním na HTML5 – a takmer žiadna zmienka o Flashi. Možnosti kódovania boli konečne aktualizované, aby podporovali kľúčové prvky videa, zvuku a plátna HTML5 a vďaka aktualizovanej verzii Vďaka vstavanému enginu WebKit podporuje Live View spoločnosti Dreamweaver aj tieto funkcie spolu s SVG, vykresľovaním @font-face a médiami CSS. otázky.

Nový dialóg Multiscreen Preview umožnil používateľom nastaviť responzívne návrhy, ktoré menia ich rozloženie v závislosti od dostupnej obrazovky, ktorá je kľúčom k tomu, aby stránky fungovali na veľkých aj malých obrazovky.

Dreamweaver CS5.5 tiež otvoril nové pole tvorby vďaka svojej schopnosti vytvárať samostatné aplikácie HTML5 pre vreckové zariadenia. integrácia špičkového rámca jQuery Mobile, doplneného o počiatočné rozloženia, ktoré vám pomôžu začať, plus vylepšená podpora DOM a napovedanie kódu. Najdôležitejšie je, že sa integruje s rámcom PhoneGap, ktorý okrem poskytovania špecializovaných rozhraní API na prístup k hardvéru zariadení, ako sú akcelerometre, fotoaparáty a úložiská, kompiluje vašu aplikáciu HTML5 na natívny kód pre najpopulárnejšie mobilné platformy vrátane Android, Windows Phone a iOS (aj keď stále musíte platiť a skákať cez obruče, aby ste sa stali Apple vývojár).

Creative Suite 6

Dreamweaver CS6 postavený na týchto základoch HTML5 s vylepšenou podporou kódovania pre video HTML5, vylepšenou podporou pre jQuery Mobile a nová podpora prechodov CSS3 (na vytváranie plynulých animácií vlastností objektov bez použitia JavaScript). Ponúka tiež výrazne vylepšený cloudový prístup k vytváraniu natívnych aplikácií prostredníctvom integrácie s online službou Adobe PhoneGap Build. Jeho použitie QR kódov na obrazovke na zjednodušenie inštalácie aplikácií do testovacích zariadení je obzvlášť pôsobivé.

CS6 obsahuje výrazné vylepšenia rozloženia a typografických možností aplikácie Dreamweaver, opäť vďaka HTML5. Prvým je možnosť vytvárať „tekuté mriežky“, ktoré vám umožňujú špecifikovať rôzne rozloženia pre telefóny, tablety a stolové zariadenia, rôzne počty stĺpcov a rôzne usporiadania DIV, pričom každá mriežka je rýchlo dostupná prostredníctvom ikon v spodnej časti zobrazenia návrhu okno. Novinkou je aj možnosť pridávať skripty potrebné na používanie vlastných typov písma z kolekcie webových fontov Edge Web Fonts od spoločnosti Adobe s využitím pravidla @font-face v CSS3.