Nejnovější webové standardy, HTML5 a CSS3 vspojení s JavaScriptem skutečně snížilo čas a úsilí spojené s vytvářením grafických, textových a animačních webů. S využitím pravomocí HTML5 již nemusíte ručně psát kód pro vkládání multimediálního obsahu, zatímco CSS3 dělá prvky webového uživatelského rozhraní flexibilnější, robustnější a hlavně snadněji manipulovatelné. Pokud jste hledali nástroj pro návrh webových stránek, který vám umožní maximálně využít výhod nejnovějších webových standardů, aniž byste museli ručně zadávat kód pro každý prvek uživatelského rozhraní, čerstvě spuštěná Adobe Edge je pravděpodobně to, co potřebujete.
Adobe Edge byl vytvořen speciálně provizuální návrháři, návrháři webových stránek a interakce, kteří často bojují s vytvářením pohybu webu a animovaného obsahu pomocí webových standardů HTML5, CSS3 a JavaScript. Jde v podstatě o nástroj pro návrh pohybu a interakce webu pro vytváření animovaného obsahu pomocí HTML5, CSS3 a JavaScript. Přestože obsahuje všechny základní nástroje pro vytváření, úpravy, vyladění a návrh prvků webového uživatelského rozhraní, nabízí intuitivní animační choreograf, který umožňuje snadno vytvářet a upravovat animovaný obsah na vaší webové stránce. Navíc vás to nenutí k zahájení nového projektu od nuly, můžete do něj importovat svůj soubor HTML tak, aby obsahoval nové kompozice uživatelského rozhraní a pohrával si s existujícími prvky uživatelského rozhraní, jako je tabulka, textové styly, obrazové odstíny, pozice, písmo, zarovnání kontejneru a další.
Hlavní rozhraní je rozděleno do 3 sekcí. Levý postranní panel obsahuje vybrané nástroje pro tvorbu prvků uživatelského rozhraní, pravý postranní panel obsahuje všechny hlavní seznamy prvků webového uživatelského rozhraní, včetně stínových efektů, obrázků, textu, zatímco spodní část obsahuje editor časové osy pro choreografické animace.
Podokno Prvky umožňuje zobrazit / skrýt vybranéa zamkněte jej, abyste zabránili dalším úpravám. Když vyberete prvek z hlavní obrazovky, okamžitě jej zvýrazní v podokně Prvky, což usnadní jeho skrytí nebo uzamčení. Když umístíte kurzor myši na položku uvedenou v seznamu Prvky, řekne vám třídě iniciály s názvem, takže je můžete snadno identifikovat v souboru CSS.
Zobrazí se podokno vlastností na levé straněnástroje pro složení vybraného prvku uživatelského rozhraní vaší webové stránky. Po výběru můžete změnit velikost umístění, neprůhlednost, rodinu textových písem, velikost a styly textu, nastavit počátek transformace, rotaci obrazu atd.
Editor časové osy umožňuje zobrazit časovou osukaždého animovaného prvku. Pokud máte co do činění s jedním velkým souborem CSS, klikněte na tlačítko filtru a zobrazte pouze animované prvky v podokně Prvky a rychle upravte jejich polohu, barvy, velikost atd. V levé dolní části podokna máte tlačítko zvětšení pro zvětšení časové osy. pro ověření přiděleného času a přechodového efektu všech animovaných prvků.
Kromě vytváření kompatibilních s různými prohlížečianimovaný obsah pro všechny velmi populární webové prohlížeče, včetně Firefox, Chrome, Internet Explorer 9, webový obsah vytvořený tímto nástrojem bude bezproblémově fungovat i na platformách iOS a Android. Podle oficiální komunity je Edge Preview v aktivním vývoji a brzy bude aktualizován s řadou funkcí. Adobe Edge funguje na Windows Vista a Windows 7.
Stáhněte si Adobe Edge
Komentáře