Disponer de una buena colección de recursos realmente útiles esuna de las características que diferencian a los diseñadore...
14.1. Extensiones de FirefoxUna extensión se puede considerar como un pequeñoprograma que se instala dentro del navegador ...
14.1.1 FirebugFirebug proporciona toda la información posiblesobre algunos temas de diseño web.
Se trata de una barra que se instala junto con elresto de herramientas del navegador y quebásicamente se puede utilizar pa...
14.1.4 HTML ValidatorIndica en todo momento los errores y lasrecomendaciones sobre el código HTML de lapágina que muestra ...
permite obtener el color de cualquierelemento de la página.              permite medir la altura y anchura decualquier ele...
permite guardar una página enteracomo una imagen. Los pantallazos también sepueden realizar de una parte concreta de la pá...
optimiza, ordena, limpia,corrige y reduce el tamaño de las hojas de estilos.                                             p...
▪ Browsershots (http://browsershots.org): muestra cómo se visualiza una mismapágina web en diferentes navegadores de difer...
▪ Stripe Generator (http://www.stripegenerator.com/) : permite generarfácilmente imágenes preparadas para poder repetirse ...
Web Creme (http://www.webcreme.com/) :incluye diariamente varios ejemplos de las mejores páginas diseñadas con CSS ypermit...
CSS Remix (http://www.cssremix.com/) : muestracentenares de páginas diseñadas exclusivamente con CSS y con la posibilidad ...
CSS Zen Garden (http://www.csszengarden.com/) :                              es unagalería diferente a las tradicionales, ...
Open Source Web Design (http://www.oswd.org) : sitio web que ofrececientos deplantillas gratuitas con posibilidad de utili...
Especificación oficial de CSS 2.1 (http://www.w3.org/TR/CSS21/): la que incluyen todos los navegadores actuales.
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...
del.icio.us/webDesign (http://del.icio.us/webDesign) :colección de recursos relacionadoscon todos los aspectos del diseño ...
netvibes.com/formacionweb(http://www.netvibes.com/formacionweb) : colección de noticias, artículos y recursos relacionados...
Web Developers Handbook(http://www.alvit.de/handbook/) : cientos de enlaces contodos los recursos útiles para diseñadores ...
Blue Vertigo(http://www.bluevertigo.com.ar/bluevertigo.htm) : otracolección de cientos de enlaces con recursos útiles para...
Foros del Web (http://www.forosdelweb.com/) :incluyen foros específicos dedicados a resolver dudas relacionadas con el dis...
Ovillo (http://www.ovillo.org/) : una de las mejoreslistas de distribución en castellano.
Los foros de SitePoint (http://www.sitepoint.com/forums/) son unade las mejores referencias en inglés para resolver dudas ...
Open Source Web Design (http://www.oswd.org) : sitio web queofrece cientos de plantillas gratuitas con posibilidad de util...
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Expo
Próxima SlideShare
Cargando en…5
×

Expo

196 visualizaciones

Publicado el

Capitulo 14. Recursos Útiles
CSS
Prog. Internet

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
196
En SlideShare
0
De insertados
0
Número de insertados
4
Acciones
Compartido
0
Descargas
4
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Expo

  1. 1. Disponer de una buena colección de recursos realmente útiles esuna de las características que diferencian a los diseñadores webprofesionales del resto.Instalar extensiones en el navegadoro Facilitan el trabajoo Ayudan a descubrir rápidamente la causa de los errores deldiseñoo Mejoran la productividad de los diseñadoresDisponer de varias galerías de paginas, blog o enlaces a recursosrelacionadas con el diseño web.
  2. 2. 14.1. Extensiones de FirefoxUna extensión se puede considerar como un pequeñoprograma que se instala dentro del navegador y que añadealguna característica interesante que el navegador noincorpora de serie.(http://addons.mozilla.org/es-ES/firefox/) o Firebug o Web Developer o HTML Validator
  3. 3. 14.1.1 FirebugFirebug proporciona toda la información posiblesobre algunos temas de diseño web.
  4. 4. Se trata de una barra que se instala junto con elresto de herramientas del navegador y quebásicamente se puede utilizar para obtenerinformación sobre la página.
  5. 5. 14.1.4 HTML ValidatorIndica en todo momento los errores y lasrecomendaciones sobre el código HTML de lapágina que muestra el navegador.
  6. 6. permite obtener el color de cualquierelemento de la página. permite medir la altura y anchura decualquier elemento de la página. permite elegir el programa o editorcon el que se muestra el código fuente de la página ylos archivos CSS y JavaScript.
  7. 7. permite guardar una página enteracomo una imagen. Los pantallazos también sepueden realizar de una parte concreta de la páginao de los contenidos visibles en la ventana delnavegador. permite visualizar con Internet Explorercualquier página cargada en Firefox. La integracióncon Internet Explorer es total, ya que ni siquiera hacefalta abrir ese navegador.
  8. 8. optimiza, ordena, limpia,corrige y reduce el tamaño de las hojas de estilos. permite comparar de forma sencilladiferentes tipos de letra y propiedades relacionadas con la tipografía y el texto.
  9. 9. ▪ Browsershots (http://browsershots.org): muestra cómo se visualiza una mismapágina web en diferentes navegadores de diferentes sistemas operativos (55navegadores en total).
  10. 10. ▪ Stripe Generator (http://www.stripegenerator.com/) : permite generarfácilmente imágenes preparadas para poder repetirse en todasdirecciones de forma correcta y por tanto, para que puedan ser utilizadascomo imágenes de fondo.
  11. 11. Web Creme (http://www.webcreme.com/) :incluye diariamente varios ejemplos de las mejores páginas diseñadas con CSS ypermite realizar búsquedas a partir del color utilizado en la página.
  12. 12. CSS Remix (http://www.cssremix.com/) : muestracentenares de páginas diseñadas exclusivamente con CSS y con la posibilidad de puntuar sudiseño.
  13. 13. CSS Zen Garden (http://www.csszengarden.com/) : es unagalería diferente a las tradicionales, pero se ha convertido en una referencia en cuantoa diseños complejos realizados mediante CSS.
  14. 14. Open Source Web Design (http://www.oswd.org) : sitio web que ofrececientos deplantillas gratuitas con posibilidad de utilizarlas libremente en aplicaciones personales ycomerciales.
  15. 15. Especificación oficial de CSS 2.1 (http://www.w3.org/TR/CSS21/): la que incluyen todos los navegadores actuales.
  16. 16. 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.
  17. 17. del.icio.us/webDesign (http://del.icio.us/webDesign) :colección de recursos relacionadoscon todos los aspectos del diseño web. Lista creada y mantenida por el diseñadorMiguel
  18. 18. netvibes.com/formacionweb(http://www.netvibes.com/formacionweb) : colección de noticias, artículos y recursos relacionados con el diseño web.Lectura diaria recomendada. Los recursos han sido seleccionados por el diseñadorMiguel Sánchez
  19. 19. Web Developers Handbook(http://www.alvit.de/handbook/) : cientos de enlaces contodos los recursos útiles para diseñadores web.
  20. 20. Blue Vertigo(http://www.bluevertigo.com.ar/bluevertigo.htm) : otracolección de cientos de enlaces con recursos útiles para diseñadores web.
  21. 21. Foros del Web (http://www.forosdelweb.com/) :incluyen foros específicos dedicados a resolver dudas relacionadas con el diseñoweb con CSS.
  22. 22. Ovillo (http://www.ovillo.org/) : una de las mejoreslistas de distribución en castellano.
  23. 23. Los foros de SitePoint (http://www.sitepoint.com/forums/) son unade las mejores referencias en inglés para resolver dudas relacionadascon el diseño web.
  24. 24. Open Source Web Design (http://www.oswd.org) : sitio web queofrece cientos de plantillas gratuitas con posibilidad de utilizarlaslibremente en aplicaciones personales y comerciales.

×