dissabte, 30 de juliol del 2011

Loads.in eina per mesurar la velocitat de descàrrega d’un web

Loads.in és una eina online per a mesurar el temps de descàrrega de les nostres pàgines web.

Què més fa Loads.in?

  • Realitza captures del lloc que s'està analitzant en diferents períodes de temps durant la descàrrega del mateix.
  • Detecció d'errors, arxius que falten, etc.
  • Descàrrega de l'anàlisi en format HAR
  • Opció de diferents ubicacions per realitzar l'anàlisi.
  • L’eina disposa de l’opció de diferents navegadors sobre els que podem realitzar l’anàlisi: Safari, Chrome, Internet Explorer i Firefox.

Read more ...

divendres, 29 de juliol del 2011

Whatfont, ajuda per saber el tipus de lletra d’un web

Whatfont és una eina que ens ajudarà a saber quin és el tipus de lletra que s'utilitza en un web sense haver de recórrer al firebug o a qualsevol altra eina.
Whatfont la podem usar com a una extensió pels navegadors Chrome i Safari o com a Bookmarklet, només arrossegant fins a la barra de marcadors.
Es garanteix la compatibilitat amb Firefox 3.6 i superior, Chrome 9 i superior safari 4 i superior i Explorer 9


Read more ...

dijous, 28 de juliol del 2011

Lliçons d’usabilitat web amb Chuck Norris

Chuck Norris que és la llum que il·lumina el camí d'aquest bloc, ens ofereix les següents lliçons sobre usabilitat web via Informous.com

Val a dir que aquest post compta amb el Segell de qualitat Chuck Norris Approved.
Read more ...

dimecres, 27 de juliol del 2011

Les alternatives al Lorem Ipsum

Un dels recursos més soferts i alhora agraïts que podem trobar és el text simulat Lorem Ipsum.
A Internet trobem nombrosos generadors de continguts simulats que ens ajudaran a:
quadrar paràgrafs, fer-nos una idea de la llegibilitat del text (espaiat, tipus de lletra, distància entre paràgrafs, línies i paraules, mida de la lletra), encapçalaments i llistats, en definitiva, podem veure com quedaran els continguts en format text que s'afegiran al web.
Encara que el text simulat Lorem Ipsum és una bona eina en surten de tant en tant uns quants detractors, que ens fan reflexionar sobre el següent:

  1. Si els continguts són la peça fonamental d'un web, perquè hi afegim text simulat i no continguts originals?
  2. El text Lorem Ipsum no té caràcters especials (accents, signes de puntuació tipus exclamacions, cometes, etc.), com podem comprovar la correcta codificació dels caràcters?

Fora de tota aquesta polèmica, us presento una sèrie d'eines per a la generació de text simulat:
  • Quijotipsum és un generador de text basat en el Quixot amb accents per provar la codificació
  • Omplu és un generador de text del tipus Lorem ipsum però amb l’afegit de negretes, cursives, subratllats, enllaços etc.
  • Lipsum: el gran clàssic

Un extra: Lorempixum
Un generador de imatges amb llicència Creative Commons per a que les puguem usar en els nostres dissenys com a imatge simulada.

Anecdotari: un cop en una web d'un ajuntament varem posar text simulat Lorem ipsum per les notícies quan es van dissenyar els prototipus.
Després de validar els prototipus d'una manera molt professional que es va deixar gratament sorpresos ens van deixar anar la bomba següent:
Perdonad, pero el texto que habéis puesto en las noticias, ¿en qué idioma está, en catalán?
Read more ...

dimecres, 13 de juliol del 2011

Premis Blocs Catalunya 2011

Un any més s'obre la convocatòria dels Premis Blocs Catalunya, per l'edició d'enguany el procés de votació està obert a qualsevol persona que vulgui participar-hi, però per fer-ho caldrà registrar-se com a usuari a la web de l'associació STIC.CAT (Societat de Tecnologia i Coneixement). El registre és molt senzill i es pot fer amb un email i password o directament amb l’usuari personal de facebook o twitter. Aquells que es van registrar per inscriure el bloc poden utilitzar el mateix usuari, sense necessitat de registrar-se de nou.

Un cop registrat, s’accedeix al panell d’usuari STIC i des de aquí al taulell de votació del Premis Blocs 2011, on hi haurà les 12 categories temàtiques. Quan l’usuari selecciona una categoria, apareixen els blocs que hi participen, ordenats alfabèticament i per perfils (personal, professional i corporatiu).

Va, voteu a limitnordest com a  millor bloc de temàtica TIC - personal.
Read more ...

dilluns, 11 de juliol del 2011

La importància de l'espai en blanc en la web

L’espai en blanc no és només l’espai que separa un contingut d’un altre, és un component més del nostre disseny.
L’espai en blanc contribueix a l’equilibri dels elements que conformen un disseny. És necessari senyalar que l'espai en blanc no és necessàriament "blanc" és essencialment un espai buit. En el context del disseny web, l’espai en blanc es refereix a l'espai entre els diferents elements de disseny, és l'àrea entre el text, paràgrafs, imatges, enllaços i peus de pàgina, etc.

Tipus d'espais en blanc

Hi ha dos tipus d'espais en blanc en el disseny web.
L’espai en blanc actiu és l'espai deixat intencionadament de manera que ajudi a emfatitzar el contingut i/o a millorar l’estructura del disseny.

L'espai en blanc passiu és l’espai buit al voltant de la pàgina o l'àrea en blanc dins del contingut.

Els espais en blanc que podem controlar i que hem de revisar:
La distància entre línies
Interlineat òptim es pot aconseguir amb l'ajuda de CSS amb la propietat line-height.
Una plantilla de lloc web és més llegible i fàcil d'explorar quan hi ha prou espai entre línies. Si les línies són empesos massa a prop, l'exploració es fa difícil. Quan les línies estan massa separades les paraules són virtualment desconnectats

Marges
Aquest és l'espai al voltant d'un element en particular, sempre s’aconsella que aquest es controli mitjançant CSS amb les propietats margin i padding.
Cal tenir en compte el marge vertical i el marge horitzontal, si fem anar una plantilla de grids (960, etc.) l’espaiat horitzontal mínim ja el tenim solucionat (és l’espai entre columnes).
Un marge massa gran crea sensació de desconnexió, mentre que un marge massa petit dóna sensació d’aglutinament.

Encapçalaments
Els encapçalament són una molt bona forma de separar el contingut en porcions més petites i manejables. Utilitzarem espais en blanc per sota o per sobre dels encapçalaments de manera que ens ajudaran a separar conceptes i blocs de contingut.

Equilibri: allò tant senzill i a l’hora tant difícil
L'espai en blanc s'utilitza per crear un disseny equilibrat. Si no deixem espais buits entre continguts o blocs, els usuaris no poden descansar els ulls ni poden fer-se una idea dels blocs en que es divideix la pàgina.
Un bon disseny cal que mantingui un bon equilibri entre espais oberts i continguts, de manera que no confonguem a l’usuari deixant massa espai en blanc en àrees equivocades.
Read more ...

divendres, 8 de juliol del 2011

Google +: El projecte de xarxa social de Google

De moment només és un projecte en proves, però Google vol entrar fort en el món de les xarxes social amb un híbrid entre facebook, twitter, missatgeria instantània, video conferencies, etc.
Coses bones que té, el fet de poder entrar amb el teu perfil de Google i que ja el tenim en català.
Google Wave no va acabar de remuntar i això que era una bona idea.

Si en voleu saber més visiteu Google +
Read more ...