real photoshop

August 18th, 2009

eines per a dissenyadors web 3

August 8th, 2009

per comprovar com es veu el teu site en altres navegadors:

browsershots

eines per a dissenyadors web 2

August 4th, 2009

per crear css amb tipos

css

eines per a dissenyadors web 1

August 1st, 2009

per comprovar la tipografia en web:

typetester

nous mons

July 7th, 2009

la campanya de Sant Joan i tmb sembla un exemple del el tutorial de Dirk’s photo blog de com fer un món amb una foto,
amb poc esforç tens una gran imatge com la que he fet jo amb 10 minuts….

nous_mons

Val la pena provar-ho!

jornadas tipograficas

July 6th, 2009

Del 7 al 11 de juliol:

Una setmana d’exposicions, conferències i workshops entorn a la tipografia, el disseny editorial i el motion tipogràfic organitzades per Bau, Escola Superior de Disseny.

13 punts per revisar en una web

June 30th, 2009

De smashingmagazine.com he tret aquests 13 punts a revisar després de fer una web.

  1. Favicon
    Icona de la imatge del web que apareix en els navegadors
    <
    link rel=“icon” type=“image/x-icon” href=“/favicon.ico” />
  2. 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
  3. 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.
  4. Rellegeix el text
    Llegeix tot el què has escrit, revisa les faltes, millor poc text amb paràgrafs.
  5. Vincles
    No et deixis cap vincle, revisa que funcionin i no t’oblidis del http://
  6. Funcionalitat
    Passa tests de usabilitat
  7. Javascript
    Prova que funcioni correctament en tots els navegadors i que no doni errors a la plana
  8. Validació XHTML i CSS
    Passa per la w3C i valida el teu html
  9. 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” />
  10. Analytics
    Per saber qui veu la pàgina, fer estadístiques posa’t analytics
  11. Mapa web
    Crea un mapa web perquè la gent no es perdi si tens molt contingut
  12. Disseny planes errors
    No t’oblidis de dissenyar les planes de error del teu web, la més comú la 404.
  13. Impressió
    Si vols que s’imprimeixin contingut de la teva plana crea el css per a imprimir.

colors

June 18th, 2009

per trobar el color, paleta i combinacions que necessitis: colorschemedesigner.com

colors

Dina Goldstein

June 15th, 2009

Dina Goldstein és una fotògrafa canadenca que ens sorpren amb la seva obra titulada: “Fallen princesses”
Belle

Snowhite

Podeu veure més a:

www.dinagoldstein.com

popups usables

June 11th, 2009

Despré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


© 2009 ebavs