Muchas veces tenemos la necesidad de probar nuestra página en diferentes resoluciones y no contamos con una pantalla de mayor resolución para hacer dichas pruebas, para ello me encontré una herramienta que nos ayuda a probar el comportamiento de nuestra página en diferentes dispositivos ya sea desde una PC, Una tableta y hasta dispositivos móviles. Te recomiendo que le des un vistazo a su funcionamiento.
Web Developer Tools es una aplicacion que incluye un conjunto de herramientas que facilitarán el proceso de diseño de una página Web, ya que incluye herramientas para el manejo de hojas de estilo CSS3, editor de HTML 5, compresores de código JavaScript entre muchas utilidades como pueden ser:
Task Manager
Dean Edwards Javascript Compressor
JSMin
Css Minifier
Css Type Set Generator
Css Button Generator
Cool Button Generator
RGB / HEX Color chart
VTE Terminal
WYSIWYG HTML 5 Editor
Website Analyzer (Yslow+PageSpeed)
3 x online W3C validators
ScriptBook
Customizable menu for other apps
Para instalar Web Developer Tools en Ubuntu primero debes agregar el repositorio PPA y luego instalar la aplicaciones ejecutando los siguiente comando en la terminal:
Cuando estamos diseñando una página web, es complicado saber cual es el mejor color que combine con los demás elementos que se mostraran en la página, o que sean mas legibles para nuestro visitantes, para ello existe una herramienta online llamada CheckMyColours que seencargara de comprobar que el background y foreground combinen con todos los demás elementos de nuestra web.
Lo único que debemos hacer
es dar la url del sitio web que queremos comprobar y CheckMyColours nos devolverá un completo y detallado reporte, basado en algoritmos sugeridos por la(W3C).
El reporte detalla los niveles de contraste entre los distintos elementos de la página, tales como imágenes, texto o cualquier CSS usado en el diseño. Está dividido en 3 categorías Ratio de contraste de luminosidad, diferencia de brillo y diferencia de color. Cuando uno hace clic en cada celda o fila del reporte, obtiene más información sobre el contraste del elemento.