#tv { position: relative; width: 200px; height: 150px; margin: 20px 0; background: red; border-radius: 50% / 10%; color: white; text-align: center; text-indent: .1em; } #tv:before { content: ''; position: absolute; top: 10%; bottom: 10%; right: -5%; left: -5%; background: inherit; border-radius: 5% / 50%; } David Ramirez Saez: Aprendiendo un poco sobre diseño web

Aprendiendo un poco sobre diseño web

En los últimos meses he estado aprendiendo varias cosas sobre diseño web y he ido recopilando algunas herramientas que me gustaría recopilar. No soy un gran experto, pero estoy haciendo por subsanarlo. Os dejo algunas herramientas básicas para empezar a hacer vuestros pinitos en web:

Una herramienta para crear webs adecuadas a los colores de la imagen que has creado para la cabecera de tu pagina web es: http://www.colorhunter.com/ le subes la imagen y te proporciona una paleta de colores que deberías usar para tu web.


Una pagina imprescindible para tener todas las etiquetas a mano con sus atributos: http://www.w3schools.com/tags/ y siempre tener a mano las chuletas HTML5 y CSS3.

Cuando necesito redimensionar alguna imagen para adaptarla a mi web, en ocasiones uso Photoshop pero otras veces es muy util un programa que se llama VSO Image Resizer.


En Chrome y Firefox hay herramientas muy utiles que debería tener cualquiera que vaya a crear una web, entre ellas MeasureIt (un complemento para medir cualquier elemento que tengamos en nuestra web para cuadrar todos sus componentes), Button X (para crear botones increíbles en poco tiempo con CSS3), Image Color Picker (sirve para saber el color de una determinada imagen, sale un cuentagotas, cuando estas sobre el color que quieres conocer le pinchas y te da el color), como no el Firebug, imprescindible para conocer el código de las webs que necesites o el GreaseMonkey que te permite modificar webs (aqui tienes un montón de scripts de lo que te permite hacer: http://userscripts.org/).

Os ire poniendo mas cosas, realmente es un mundo que puede llegar a ser muy complejo, pero por algo hay que empezar. Animaos, si tenéis dudas preguntad, en lo que pueda os ayudare.

No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...