em-based design? Mai tarziu!

OK, azi tocmai am mai amânat cu un proiect momentul în care layout-urile mele vor fi cu adevărat fluide. De ce? Designul em-based mă pune în dificultate acum prin simplul fapt că totul e relativ... prea relativ să nu îl dau eu peste cap!

Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means:

1. They are calculated based on the font size of the parent element. E.g. If a div has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px.
2. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)

Jon Tangerine

Maybe next time!

A List Apart: Sondajul din 2008

[via]

Cei de la A List Apart au lansat un nou sondaj de opinie adresat tuturor designerilor, dezvoltatorilor, IA, PM, editorilor, şi oricui altcuiva ce produce situri Web.

CSS: Cum centrez continutul in IE6

Un nou început de săptămână, o nouă problemă, o nouă soluție. De o bună bucată de vreme obișnuiesc să testez fiecare proiect pentru Web la care lucrez pe Firefox, IE7 și uneori în Safari. Cum încă mă încăpățânez să folosesc Vista (licența Business, mulțumită MSDNAA), nu cunosc o modalitate de a instala IE6, așa că (încerc să) uit că se mai folosește și această versiune. ...Până când am deschis un site pe PC-ul unei colege! Da, prima observație a fost că era totul "aliniat" la stanga... de restul nu mai zic, măcar nu acum!

O soluție elegantă și frumos explicată am găsit-o pe blogul lui Andy Budd:

          body {
              text-align: center;
              min-width: 600px;
          }
          
          #wrapper {
              margin:0 auto;
              width:600px;
              text-align: left;
          }

Eu obișnuiam să centrez un div doar declarând margin:0 auto;. Din păcate, IE6 nu interpretează cum era de așteptat. Din fericire, el interpretează prost si declarația text-align:center care, aplicată pe elementul body, în IE6 centrează și div-ul nostru. Totuși, acum avem centrat și textul din body, în toate celelalte browsere. Pentru asta, declarăm text-align:left; pentru div-ul pe care îl centrăm. Astfel neutralizăm efectele secundare din IE. Dacă în Mozilla reducem fereastra, jumătate din div-ul centrat atârna la stânga paginii. Pentru a repara și această ultimă problemă, declarăm min-width pe body.

Breadcrumbs

Azi m-am jucat de-a Hensel și Gretel: am presărat situl cu niște firmituri de pâine!

Cum arhitectura gândită e pur ierarhică (relații doar pe verticală), e suficient să spun localizarea unde e utilizatorul, nefiind nevoie de un dinamism care să arate și calea parcursă.

Pentru mai multe detalii referitoare la cele 3 tipologii - locație localizare, cale și atribute - recomand descrierea făcută de Keith Instone.

Cand ai nevoie de un CMS?

În ziua de azi sunt atâtea alternative menite să te ajute să dezvolţi tot mai repede, încât nu mai are rost să (re)scrii fiecare bucăţică de cod... decât dacă ai un motiv extraordinar de bun! Apoi, câţi clienţi ştiu la nevoie să editeze conţinutul făra a transforma situl într-un clown mutat pe web?

Am găsit un articol în care se descoperă câteva întrebări de bun simţ, care sunt touşi esenţiale, trebuind puse stakeholder-ilor înainte de a purcede în dezvoltarea unui proiect Web:

1. Conţinutul va fi actualiyat mai des de 1 dată pe lună?
2. Va exista şi un blog?
3. Conţinutul va fi gestionat (şi) de persoane fără cunoştinţe de dezvoltare Web?
4. Va fi necesară posibilitatea gestionării conţinutului de la distanţă?