Posts Tagged ‘html’
You Are The CSS To My HTML
Tuesday, October 13th, 2009eines per a dissenyadors web 3
Saturday, August 8th, 2009per comprovar com es veu el teu site en altres navegadors:
eines per a dissenyadors web 1
Saturday, August 1st, 2009per comprovar la tipografia en web:
13 punts per revisar en una web
Tuesday, June 30th, 2009De smashingmagazine.com he tret aquests 13 punts a revisar després de fer una web.
- Favicon
Icona de la imatge del web que apareix en els navegadors
<link rel=“icon” type=“image/x-icon” href=“/favicon.ico” />
- Titles i Meta Data
Queda horrible una web sense títol, no te’l deixis i a més fes que tingui a veure amb el que expliques al web.
Meta dades et serveixen per posicionar la teva web - Revisar en diferents navegadors i resolucions
Quan maquetis una web verifica-la amb el tots els navegadors que tinguis disponibles, mai saps que et pot passar amb Explorer. - Rellegeix el text
Llegeix tot el què has escrit, revisa les faltes, millor poc text amb paràgrafs. - Vincles
No et deixis cap vincle, revisa que funcionin i no t’oblidis del http:// - Funcionalitat
Passa tests de usabilitat - Javascript
Prova que funcioni correctament en tots els navegadors i que no doni errors a la plana - Validació XHTML i CSS
Passa per la w3C i valida el teu html - Rss Link
Si la teva web és un blog afegeix el codi rss a dins del <head> <link rel=“alternate” type=“application/rss+xml” title=“Site or RSS title” href=“link-to-feed” />
- Analytics
Per saber qui veu la pàgina, fer estadístiques posa’t analytics - Mapa web
Crea un mapa web perquè la gent no es perdi si tens molt contingut - Disseny planes errors
No t’oblidis de dissenyar les planes de error del teu web, la més comú la 404. - Impressió
Si vols que s’imprimeixin contingut de la teva plana crea el css per a imprimir.
popups usables
Thursday, June 11th, 2009Després d’anys utilitzant la llibreria js de Dreamweaver per a popups, he trobat un gran article a la revista online de nosolousabilidad.com que ens explica com crear popups usables en js.
En resum la forma correcta a partir d’ara és:
<a href="http://www.ebavs.net" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400'); return false;">Lanzar correctamente</a>
On el href=”" hi posem el vincle del popup, el target sempre ha de ser blanc i obrim amb un onclick on posarem la funció window.open dient-li que agafi el href i el target i li posi la mesura que volem de popup, en aquest cas= 300x400px, i per ultim li afegim un return false= POP USABLE
design trends and tutorials
Thursday, May 14th, 2009hi ha una web que es un dels meus sites de referència, i referenciant-me vaig trobar un article que parlava de 50 llocs miniminalistes (en la línia d’ebavs), em va agradar molt recull, en concret em va cridar l’atenció de Studio MIKMIK: una web d’un bon dissenyador gràfic anglès i ressalto gràfic, perquè de web doncs com que no domina gaire.
a aquestes alçades em sembla encara increïble trobar-me webs amb codis com aquests:
bé que n’he de dir de les taules (tables) que tots els que hem dedicat a dissenyar webs, al principi ho fèiem, pero l’any 2009 és una manera de maquetar htmls antiquada i que no compleix els estàndards de la w3c i menys si et dediques al món gràfic hauries de tenir molta cura amb aquests detalls
senyor MIKMIK, perquè vegis que es pots fer amb css i el que s’anomena tableless (disseny sense taules) et recomano que et passegis per: csszengarden/