Dizainas HTML5 ir CSS3

Animacijų vizualizavimas koduojant ranka yra mintis traukiantis pratimas ir bet kokia įrankių pagalba yra labai laukiama.

Dizainas HTML5 ir CSS3

Kodavimas ant krašto

Man padėjo „Adobe“ su naujo dizaino įrankio „Edge“ beta versija.

Šiuo metu tai galima naudoti tik kuriant animacijas naudojant pažįstamą objektų laiko juostoje sąsają – nenuostabu, kad tai labai panašu į „Flash Builder“.

Kraštas

Be to, šiuo metu jis nepalaiko vartotojo inicijuotų įvykių, todėl negali būti naudojamas kuriant vartotojo sąsajas, tačiau esu patikintas „Adobe“, kad būsimos „Edge“ galės naudoti HTML5 ir JavaScript, kaip šiuo metu naudoja „Microsoft Blend“ per XAML (nors nujaučiu, kad kitoje „Blend“ versijoje bus naudojamas HTML5, taip pat).

Paliksiu Tomui Arahui įsigilinti į detales, tačiau vienas pastebėjau, kad Edge sukūrė bibliotekos failų, kurie turi būti įtraukti į jūsų puslapį, seriją.

Šie failai gali būti dideli, todėl paprastos animacijos išlaidos gali būti laikomos per didelėmis. Tačiau sudėtingesniam darbui jis turi naudingo, nemokamo (kaip ir dabar) įrankio privalumus.

Aš dažnai kritikavau „Adobe“ interneto dizaino produktą „Dreamweaver“. PC Pro. Nors jis daugeliu atžvilgių yra puikus, ypač koduojant, jis pradeda atrodyti gana ilgas: interaktyvumo nėra projektavimo procesas, testavimas vis dar atliekamas naršyklėje, be to, jos CSS stilių peržiūra stiliaus dialogo lange kai kuriems buvo juokas. laikas.

Štai kodėl mane sužavėjo „Adobe“ pranešimas apie naują interneto dizaino įrankį „Muse“. Šiuo metu ji yra nemokama bandomoji versija, tačiau galiausiai tai bus prenumeratos produktas, pvz., „Office 365“, kainuojantis 15 USD per mėnesį.

Mūza

Mano pirmasis įspūdis apie šį produktą yra palankus, visų rūšių elementų padėties nuvilkimas ir įvykiais pagrįsta sąveika pasiekiama keliais paspaudimais.

Šio įrankio išvestis yra gana švarus HTML su dabar įprasta įtrauktų bibliotekų paketu, kuris, nors ir didelis, bus įrašytas į kliento naršyklės talpyklą, todėl po pirmojo našumo neturėtų per daug paveikti parsisiųsti.

Ši problema iškilo per pristatymą, kuriame dalyvavau vietiniame NXTGEN vartotojų grupės skyriuje, kur buvo kalbama apie didelio našumo svetainių kūrimą, ir sumažinti tikimybę, kad jos nukris, jei taptų šlovės aukomis, pavyzdžiui, paminėjus Slashdot arba tviteryje iš tokio asmens kaip Stephenas Kepti.

(Daugeliui žiniatinklio serverių toks paminėjimas paprastai lemia tai, kad serveris tampa žinomas kaip "keptas".) Problema ta, kad tokie įvykiai generuoja milžinišką kiekį naujo srauto, o kadangi beveik kiekvienas lankytojas yra naujas, niekas iš jūsų svetainės nebus anksčiau saugomas jų naršyklės talpykloje, todėl kiekviena puslapio peržiūra gali sukelti kelis HTTP prašymus.

Susidoroti su eismu

Norėdami ištirti šį efektą, trumpai peržiūrėjau pagrindinį „PC Pro“ puslapį, kuriame paaiškėjo, kad vieno puslapio užklausa gali sukelti daugiau nei 200 HTTP užklausų į įvairius serverius.