Herramientas online para diseñadores y desarrolladores

A continuación un pequeño listado de herramientas online gratuitas de mucha utilidad para diseñadores y desarrolladores:

• Styleneat: Herramienta que sirve para organizar archivos CSS. Se puede pegar el código en la página directamente, subir ficheros, o proporcionar la URL del recurso CSS. Una vez hecho esto basta con pulsar “Organize CSS”, y te proporcionará una pantalla con el código debidamente procesado. 

• Initializr: Es un generador de plantillas HTML5 que ayuda a empezar un nuevo proyecto basado en HTML5 Boilerplate. Basta con elegir las opciones más importantes y pulsar en descargar, lo cual descarga una plantilla limpia, y personalizable, lo cual te ahorra el trabajo inicial. 

• Fix my HTML: Herramienta que sirve para dar formato al código HTML, basta con copiar y pegar en la cajita el código problemático, pulsar sobre el botón “FIX IT”, y te devolverá el código debidamente formateado. 

• Snipt: Herramienta que sirve para almacenar pedazos de código de esas "recetas" que siempre quieres tener disponible.

LessCSS

LessCSS es una extensión de las hojas de estilo CSS, la cual agrega funcionalidad semejante a un lenguaje de programación permitiendo usar variables, funciones, operaciones aritméticas entre otras. Todo esto con el fin de hacer más rápido el uso de CSS, enriquecer su potencialidad y como su nombre lo indica escribir menos CSS.

LessCSS no pretende reemplazar las hojas de estilo CSS, todo lo contrario, busca mejorar y fortalecer su uso. Cabe destacar que el resultado de esta extensión es una hoja de estilos CSS completamente funcional y compatible. Es recomendada para ahorrar tiempo de desarrollo por su gran cantidad de características que ofrece. 

Actualmente se encuentra en la versión 1.3.3, la cual puedes descargar de forma gratuita aquí

Aprende a programar (Básico)

¿Quieres empezar en el mundo de la programación? A continuación un interesante juego para aprender a programar interactivamente cosas básicas de forma gratuita.

A continuación un listado de temas que podrás aprender:

• HTML & CSS

• JavaScript

• Python

• jQuery

• Ruby

Empieza a programar aquí: http://www.code.org/learn/codecademy