Test de viteza

Fisierele de imagine sunt foarte cunoscute ca fiind supradimensionate, care consuma latimea de banda si pot oferi o experienta de utilizare neplacuta. Proliferarea telefoanelor, tabletelor si a altor dispozitive mobile multiplica necesitatea unor experientede utilizare placute folosind latimea mica de banda. Generarea graficii la rulare este un mijloc eficient pentru a lupta cu aceasta dilema, fara a sacrifica o interfata bine finisata.

Scoaterea imaginilor din ecuatie poate genera o experienta de utilizare mult mai placuta. Eliminarea descarcarilor inutile economiseste latime de banda pretioasa si scade consumul de energie. Satisfactia imediata este data de faptul ca paginile se incarca mai rapid si sunt afisate mai repede...

Vezi articol

Degradeuri angulare in CSS?

Degradeurile din CSS sunt grozave, dar nu sunt la fel de diverse ca cele din Photoshop. Poate cel mai vizibil absent este gradientul angular, care este adesea folosit pentru a crea un efect de metal lustruit – de aceea, acum inca trebuie sa-l simulam.

Acest efect se bazeaza foarte mult pe transformari 3D care din pacate au la acest moment o implementare foarte limitata in browsere. Arata nemaipomenit in Safari, dar ridicol in Firefox. Veti vrea probabil sa folositi Modernizr pentru a va ajuta sa construiti o varianta de rezerva pentru browserele mai putin capabile. Am pus la punct recent aceasta tehnica pentru a crea un buton de volum mult mai complex...

Vezi articol

Stabilirea prioritatilor – Continutul Structurat

Continutul structurat functioneaza peste tot. Practic, daca adaugam prea multe la el, influentam accesibilitatea si usurinta utilizarii lui. Prea multe dependente, prea multe tehnologii, prea multe resurse, prea multa mizerie.

Designul reactiv ar trebui sa inceapa prin continut structurat si cateva stiluri de baza. Bryan Rieger, unul dintre primii care au descris ceea ce este designul reactiv cu mult inainte sa primeasca acest nume, sugereaza ca prima interogare despre mediu nu este nici o interogare despre mediu Citit din nou fraza.

Ma indoiesc de faptul ca Tim Berners-Lee a stiut ca iPad va fi inventat si folosit pentru a vizualiza primul site din lume...

Vezi articol

Mai mult decat design adaptabil

Daca examinam aspectele de mai sus, putem concluziona ca un design cu adevarat reactiv implica mai mult decat folosirea interogarilor despre mediu si grile flexibile. In lumea reala a dezvoltarii web, cei care vorbesc despre tehnici reactive se refera de obicei la layout adaptabil: caile prin care se poate permite caracteristicilor vizuale ale unui site sau aplicatii sa se modifice in functie de dimensiunea ecranului utilizatorului. Designerul Paul Rand a spus odata:”Designul este arta de a combina forma si continutul”. Aceasta inseamna ca, in sine, un layout nu este design. Layoutul este forma si nu vom ajunge la un design cu adevarat reactiv fara a trata la randul sau si continutul...

Vezi articol

Desktop sau dispozitiv mobil?

Tendinta noastra sau, cel putin a clientilor este sa gandim totul pornind de la un site pentru desktop care trebuie convertit catre domeniul mobil. Aceasta poate insemna folosirea abordarii prezentate in articolul lui Marcotte. In acelasi timp, poate insemna detectia harware-ului care apeleaza pagina web, iar apoi servirea unei pagini adecvate dispozitivului repectiv. Oricum am privi lucrurile, designul si dezolvoltarea pentru domeniul mobil introduc o seama de noi chestiuni de luat sn considerare:

  • Dimensiunea ecranului: cea mai mare parte a discutiei se invarte in jurul acestui subiect. Din cauza numarului de dispozitive diferite existente in exploatare, este un factor important.
  • Rezolutia: 600 de pixeli pe un telefon nu vor arata la fel ca 600 de pixeli pe un computer...
Vezi articol