Najnoviji web standardi, HTML5 i CSS3 u sustavusuradnja sa JavaScript-om doista je smanjila vrijeme i trud koji su uključeni u stvaranje grafičkih, tekstualnih i animacijskih web stranica. Koristeći ovlasti HTML5, više ne morate ručno pisati kôd za umetanje multimedijskog sadržaja, dok CSS3 čini vaše web sučelje elemenata fleksibilnijim, robusnijim i što je još važnije jednostavnijim za rukovanje. Ako ste tražili alat za web dizajniranje koji vam omogućava da maksimalno iskoristite najnovije web standarde bez prisiljavanja da ručno unesete kôd za svaki UI element, upravo lansirani Adobe Edge je vjerojatno samo ono što vam treba.
Adobe Edge posebno je napisan zadizajneri vizualnih, web i interakcija koji se često bore s stvaranjem web pokreta i animiranog sadržaja koristeći HTML5, CSS3 i JavaScript web standarde. To je u osnovi alat za dizajn web pokreta i interakcije za stvaranje animiranog sadržaja pomoću HTML5, CSS3 i JavaScript. Iako sadrži sve osnovne alate za stvaranje, uređivanje, ugađanje i dizajniranje web sučelja, nudi intuitivan animacijski koreograf za lako stvaranje i prilagođavanje animiranog sadržaja na vašoj web stranici. Nadalje, ne prisiljava vas da započnete novi projekt ispočetka, u njega možete uvesti HTML datoteku da biste uključili nove kompozicije UI i sitnice oko sebe sa postojećim elementima korisničkog sučelja, kao što su tablica, stilovi teksta, sjene slike, položaj, font, usklađivanje spremnika i još mnogo toga.
Glavno sučelje podijeljeno je u 3 dijela. Lijeva bočna traka sadrži odabrane alate za kompoziciju elemenata korisničkog sučelja, desna bočna traka sadrži sve glavne popise elemenata web sučelja, uključujući efekte sjene, slike, tekst, dok donji dio sadrži uređivač vremenske trake za animaciju koreografija.
Okno Elementi omogućuje vam prikazivanje / skrivanje odabranogelement i zaključajte ga kako biste spriječili daljnje uređivanje. Kad na glavnom zaslonu odaberete element, odmah se ističe u oknu Elementi, što ga čini lakšim za skrivanje ili zaključavanje. Kada pokažite mišem iznad stavke koja je navedena u Elementi, ona vam kaže inicijale klase s imenom, tako da ih možete lako prepoznati u CSS datoteci.
Okno svojstava na lijevoj strani pokazujealati za kompoziciju za odabrani UI element vaše web stranice. Nakon odabira možete promijeniti njegovu veličinu lokacije, neprozirnost, obitelj fontova, veličinu i stilove teksta, postaviti porijeklo transformacije, rotaciju slike i tako dalje.
Uređivač vremenske trake omogućuje vam prikaz vremenske trakesvakog animiranog elementa. Ako imate posla s jednom ogromnom CSS datotekom, kliknite gumb filtra za prikaz samo animiranih elemenata u oknu Elementi za brzo uređivanje njihovih položaja, boja, veličine itd. U donjem lijevom dijelu okna imate gumb zumiranja da biste povećali vremensku traku za provjeru dodijeljenog vremena i prijelaznog učinka svih animiranih elemenata.
Osim stvaranja kompatibilnih preglednikaanimirani sadržaj za sve široko popularne web preglednike, uključujući Firefox, Chrome, Internet Explorer 9, web sadržaj kreiran pomoću ovog alata također će neometano raditi i na platformama iOS i Android. Prema službenoj zajednici, Edge Preview je u aktivnom razvoju te će se uskoro ažurirati s mnoštvom značajki. Adobe Edge radi na sustavima Windows Vista i Windows 7.
Preuzmite Adobe Edge
komentari