Categorias: Todos - código - sintaxis - diseño - iconos

por ariakna albornoz 5 anos atrás

150

herramientas para paginas web

Varias herramientas son esenciales para el desarrollo y diseño de páginas web. Sublime Text, con su interfaz intuitiva, permite a los programadores trabajar sin distracciones y soporta múltiples lenguajes de programación.

herramientas para paginas web

herramientas para paginas web

Page Ruler

Si tus imágenes las vas a mostrar en unas dimensiones de 800x500px y las subes a 1600x1000px, estás haciendo trabajar más al navegador y a la vez que aumentas el peso de las imágenes. Esto hace que tu web cargue de forma más lenta afectando a la experiencia de usuario y, por tanto, empeorando tu posicionamiento SEO.

Pixabay

No importa que tengas una buena estructura y unos colores muy bien elegidos, si las imágenes que has escogido no van en consonancia con el resto de la web o su calidad es mala, la impresión que se llevarán los usuarios será la de una web amateur.

Google Fonts

Se trata de una de las mayores bases de tipografías gratuitas del mundo en la que podrás encontrar fuentes de cualquier estilo: Monospace, Handwriting, Display, Sans Serif y Serif. No importa qué estilo quieras darle a tu página web, con Google Fonts siempre encontrarás una tipografía que se adapte a ello. Para Aula CM, esta son las mejores Google Fonts que te servirán para mejorar el diseño de tu web

Notepad++

Algunas de las características que lo convierten en una buena herramienta es su sistema de sintaxis y coloreado. Notepad++ es capaz de identificar las expresiones propias del lenguaje utilizado y resaltarlas en una combinación de colores que facilitan la lectura y el escaneo por parte del ojo humano.

Sublime Text

Sublime Text es un editor de código sencillo de utilizar que está concebido para programar sin distracciones. Tiene una interfaz muy intuitiva con muchas opciones y la posibilidad de configurar los documentos en multitud lenguajes de etiquetas y programación.

Colorzilla

ColorZilla es una extensión para navegadores como Google Chrome y Mozilla Firefox muy sencilla de utilizar. Basta con que selecciones el cuentagotas que aparece al lado de la barra de direcciones y pases el ratón por encima del elemento del que quieres averiguar el color.

Iconfinder

Tinypng

Una de las mejores formas de presentar los servicios que ofreces en la página de inicio de tu web es mediante un icono y una breve descripción. Queda muy profesional, aporta cercanía y es mucho más fácil de leer.

MockFlow

MockFlow es una de las herramientas de diseño de páginas web más utilizada en las primeras fases de cualquier proyecto. Gracias a ella, podrás crear borradores de la estructura que quieres que tengan tus páginas, pudiendo presentar varios bocetos al cliente antes de comenzar con el diseño de la web.

Canva

Es lo primero que verán los usuarios cuando entren en tu blog, por lo que es imprescindible causar una buena impresión. Además, si alguien comparte alguna de tus entradas en redes sociales, la imagen que aparecerá será la que hayas subido como imagen destacada. Por tanto, si es llamativa, obtendrás muchos más visitas.