herramientas paginas web

Mer av detta

Editores de código y lenguaje web

av Fundación Didáctica XXI

Transposiciòn didàctica

av Maria Fernanda Alvarez

Paleolítico, Neolítico y el Hombre de Guitarreros

av Jos Toedo

Tipos de aplicaciones existentes para iOS

av Gemma Veronica Salinas Rosas

Herramientas de paginas web

Stylebot

Canva

Para realizar buenas imágenes para tus artículos no hace falta utilizar herramientas como Adobe Illustrator o ser experto en diseño gráfico. Una vez elegida, llegarás a un lienzo con las dimensiones escogidas en el que podrás arrastrar y soltar diversos elementos para ir diseñando la pieza : fondos, iconos, ilustraciones, fotografías, títulos, sellos, etc. Tendrás un sinfín de posibilidades para hacer que las imágenes de tu web o blog sean únicas y marquen la diferencia con tu competencia.

MockFlow

Pero MockFlow no solo sirve para crear bocetos de cara al cliente, también es muy útil cuando quieres reestructurar los contenidos y páginas de tu sitio web.

WhatFont

WhatFont es una extensión de Google Chrome que te permitirá seleccionar un texto y saber qué tipografía está utilizando el autor. Tan simple como activar la extensión y hacer clic en un texto.

Adobe Color CC

Por eso, y porque combinar colores no siempre es fácil, Adobe Color CC es una de las herramientas de diseño de páginas web y blogs que todo diseñador web debe conocer.

Tinypng

Es muy sencilla de utilizar, ya que solo hay que arrastrar las imágenes al recuadro que aparece en pantalla y Tinypng las optimizará automáticamente.

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. banco de imagenes gratis pixabay

Page Ruler

Por ejemplo, si tenemos un blog y queremos saber cuál es el espacio destinado a las imágenes de cabecera de nuestras entradas, con Page Ruler podremos saber exactamente las dimensiones y ahorrarnos unos cuantos kb por el camino.

Topic principal

Google Fonts

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.

Colorzilla

Para conocer el código de color exacto de cualquier elemento de una web hay una herramienta que te facilita mucho esta tarea. ColorZilla es una extensión para navegadores como Google Chrome y Mozilla Firefox muy sencilla de utilizar.