Blog › Logos C.D.A

Diseños gráfico, Prgramación Web, Noticias y más…

By

Prueba tu página en diferentes resoluciones de pantalla

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.

By

Web Developer Tools una herramienta para diseño Web

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:

1
2
sudo add-apt-repository ppa:petrakis/wdt-main
sudo apt-get update && sudo apt-get install -y wdt

 


By

Verifica el contraste de tu página Web

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.

Enlace | CheckMyColours
Vía | nirmaltv