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

Design web reactiv

Cum interesul pentru domeniul mobilitatii este in crestere, designul reactiv a devenit un subiect fierbinte. Insa acesta nu se limiteaza doar la layouturi adaptabile, ne explica Stephen Hay.

Textul

Stephen Hay este unul dintre sefii companiei Zero Interface si se ocupa de consultanta pentru clienti in doemniul designului si strategiilor multi-platforma.

Stephen a scris pentru A List Apart si organizeaza conferintele Mobilisim impreuna cu PPK si Krijn Hoetmer. Pe langa activitatea cu clientii, el conferentiaza si scrie despre subiecte legate de layouturi CSS3, web design si accesibilitate. Din cand in cand, isi publica gandurile pe the-haystack.com

Ilustratia

Rob Bowen este director creativ la Track-nine, o agentie de trafica si web design care in momentul actual se ocupa de tot felul de pr...

Vezi articol