El documento describe varias extensiones útiles para diseñadores web como Firebug, Web Developer e HTML Validator. Explica que estas extensiones facilitan el trabajo de los diseñadores al ayudar a identificar errores y mejorar la productividad. También recomienda varios recursos como galerías, blogs y enlaces relacionados con el diseño web.
2. Disponer de una buena colección de recursos realmente útiles es
una de las características que diferencian a los diseñadores web
profesionales del resto.
Instalar extensiones en el navegador
o Facilitan el trabajo
o Ayudan a descubrir rápidamente la causa de los errores del
diseño
o Mejoran la productividad de los diseñadores
Disponer de varias galerías de paginas, blog o enlaces a recursos
relacionadas con el diseño web.
3. 14.1. Extensiones de Firefox
Una extensión se puede considerar como un pequeño
programa que se instala dentro del navegador y que añade
alguna característica interesante que el navegador no
incorpora de serie.
(http://addons.mozilla.org/es-ES/firefox/)
o Firebug
o Web Developer
o HTML Validator
11. Se trata de una barra que se instala junto con el
resto de herramientas del navegador y que
básicamente se puede utilizar para obtener
información sobre la página.
12.
13.
14.
15.
16.
17.
18.
19. 14.1.4 HTML Validator
Indica en todo momento los errores y las
recomendaciones sobre el código HTML de la
página que muestra el navegador.
20.
21.
22. permite obtener el color de cualquier
elemento de la página.
permite medir la altura y anchura de
cualquier elemento de la página.
permite elegir el programa o editor
con el que se muestra el código fuente de la página y
los archivos CSS y JavaScript.
23. permite guardar una página entera
como una imagen. Los pantallazos también se
pueden realizar de una parte concreta de la página
o de los contenidos visibles en la ventana del
navegador.
permite visualizar con Internet Explorer
cualquier página cargada en Firefox. La integración
con Internet Explorer es total, ya que ni siquiera hace
falta abrir ese navegador.
24. optimiza, ordena, limpia,
corrige y reduce el tamaño de las hojas de estilos.
permite comparar de forma sencilla
diferentes tipos de letra y propiedades relacionadas con la tipografía y el texto.
25. ▪ Browsershots (http://browsershots.org): muestra cómo se visualiza una misma
página web en diferentes navegadores de diferentes sistemas operativos (55
navegadores en total).
26. ▪ Stripe Generator (http://www.stripegenerator.com/) : permite generar
fácilmente imágenes preparadas para poder repetirse en todas
direcciones de forma correcta y por tanto, para que puedan ser utilizadas
como imágenes de fondo.
27.
28. Web Creme (http://www.webcreme.com/) :
incluye diariamente varios ejemplos de las mejores páginas diseñadas con CSS y
permite realizar búsquedas a partir del color utilizado en la página.
29. CSS Remix (http://www.cssremix.com/) : muestra
centenares de páginas diseñadas exclusivamente con CSS y con la posibilidad de puntuar su
diseño.
30. CSS Zen Garden (http://www.csszengarden.com/) : es una
galería diferente a las tradicionales, pero se ha convertido en una referencia en cuanto
a diseños complejos realizados mediante CSS.
31. Open Source Web Design (http://www.oswd.org) : sitio web que ofrece
cientos de
plantillas gratuitas con posibilidad de utilizarlas libremente en aplicaciones personales y
comerciales.
32.
33. Especificación oficial de CSS 2.1 (http://www.w3.org/TR/CSS21/)
: la que incluyen todos los navegadores actuales.
34. Especificación oficial de CSS 3
(http://www.w3.org/Style/CSS/current-work#CSS3) : la que sustituirá
dentro de unos años a la actual versión 2.1.
41. Los foros de SitePoint (http://www.sitepoint.com/forums/) son una
de las mejores referencias en inglés para resolver dudas relacionadas
con el diseño web.
42. Open Source Web Design (http://www.oswd.org) : sitio web que
ofrece cientos de plantillas gratuitas con posibilidad de utilizarlas
libremente en aplicaciones personales y comerciales.