Najnovšie webové štandardy, HTML5 a CSS3 v systéme Windows XPv spojení s jazykom JavaScript skutočne znížili čas a úsilie spojené s tvorbou webových stránok bohatých na grafiku, text a animácie. S využitím právomocí jazyka HTML5 už nemusíte písať kód na vkladanie multimediálneho obsahu ručne, zatiaľ čo pomocou CSS3 sú prvky webového používateľského rozhrania flexibilnejšie, robustnejšie a čo je dôležitejšie ľahšie sa s nimi manipuluje. Ak ste hľadali nástroj na navrhovanie webových stránok, ktorý vám umožní vyťažiť maximum z najnovších webových štandardov bez toho, aby ste museli manuálne zadávať kód pre každý prvok používateľského rozhrania, čerstvo spustená Adobe Edge je pravdepodobne to, čo potrebujete.
Adobe Edge je špeciálne určený previzuálni, weboví a interaktívni návrhári, ktorí často zápasia s tvorbou webového pohybu a animovaného obsahu pomocou webových štandardov HTML5, CSS3 a JavaScript. Ide v podstate o webový nástroj na návrh pohybu a interakcie na vytváranie animovaného obsahu pomocou HTML5, CSS3 a JavaScript. Aj keď obsahuje všetky základné nástroje na vytváranie, úpravu, vylepšovanie a navrhovanie prvkov webového používateľského rozhrania, ponúka intuitívny choreograf animácie na jednoduché vytváranie a úpravu animovaného obsahu na vašej webovej stránke. Okrem toho vás nenúti začať nový projekt od nuly, môžete do neho importovať svoj súbor HTML, aby obsahoval nové kompozície používateľského rozhrania a pohrával sa s existujúcimi prvkami používateľského rozhrania, ako sú napríklad tabuľka, štýly textu, odtiene obrázkov, poloha, písmo, zarovnanie kontajnera a ďalšie.
Hlavné rozhranie je rozdelené do 3 sekcií. Ľavý bočný panel obsahuje vybrané nástroje na zostavenie prvkov používateľského rozhrania, pravý bočný panel obsahuje všetky hlavné zoznamy webových prvkov používateľského rozhrania vrátane tieňových efektov, obrázkov, textu, zatiaľ čo spodná časť obsahuje editor časovej osi pre animácie choreografu.
Panel Elements (Prvky) umožňuje zobraziť / skryť vybratéa zablokujte ho, aby ste zabránili ďalším úpravám. Keď vyberiete prvok z hlavnej obrazovky, okamžite ho zvýrazní v table Prvky, čím sa uľahčí jeho skrytie alebo uzamknutie. Keď umiestnite kurzor myši na položku uvedenú v položke Prvky, povie vám triedové iniciály s menom, takže ich môžete ľahko identifikovať v súbore CSS.
Zobrazí sa tabla vlastností na ľavej stranekompozičné nástroje pre vybraný prvok používateľského rozhrania vašej webovej stránky. Po výbere môžete zmeniť jeho veľkosť, nepriehľadnosť, rodinu textových písiem, veľkosť a štýly textu, nastaviť pôvod transformácie, rotáciu obrázka atď.
Editor časovej osi umožňuje zobraziť časovú oskaždého animovaného prvku. Ak máte čo do činenia s jedným veľkým súborom CSS, kliknite na tlačidlo filtra, aby sa v paneli Prvky zobrazili iba animované prvky, aby ste rýchlo upravili svoje polohy, farby, veľkosť atď. V ľavej dolnej časti panela máte tlačidlo zväčšenia na zväčšenie časovej osi. na overenie prideleného času a prechodového účinku všetkých animovaných prvkov.
Okrem vytvárania kompatibilných s rôznymi prehliadačmiAnimovaný obsah pre všetky populárne webové prehliadače vrátane Firefox, Chrome, Internet Explorer 9, webového obsahu vytvoreného týmto nástrojom bude bezproblémovo fungovať aj na platformách iOS a Android. Podľa oficiálnej komunity je Edge Preview v aktívnom vývoji a čoskoro bude aktualizovaný o množstvo funkcií. Adobe Edge funguje na Windows Vista a Windows 7.
Stiahnite si Adobe Edge
Komentáre