Hoy en día hay un montón de herramientas que nos facilitan la vida a los desarrolladores. Me gustaría en este artículo daos a conocer algunas de las que uso y que me resultan de gran utilidad. Son herramientas online, y cada una cubre una parcela distinta, que creo vais a agradecer.
Muchas veces son más útiles para diseñadores que para la comunidad de desarrolladores, pero no se si os parará a vosotros que nos toca lidiar un poco con todo. Algunas ya las conoceréis puesto que ya se han presentado aquí en GENBETA:dev, pero las incluyo como recordatorio. Ahí van por tanto mis sugerencias:
Más info | Do it tomorrow | Pomodoro timer | Sprite box | Initializr | Stitches | Snipt | Fix my HTML | Styleneat En Genbeta Dev | Mejora tu concentracion con pomodoro | Pomodoro un reloj de cocina muy productivo | Resetea tus css a conciencia con normalize css
1/8 DO IT TOMORROW
http://tomorrow.do/ . Una sencilla agenda para organizarte las tareas a realizar hoy o mañana. Puedes intercambiar tareas entre días, crear nuevas,... Yo lo uso como complemento a otras herramientas de gestión (tello, jira,...) Es el colmo de la sencillez, fácil de manejar, sin curva de aprendizaje, te registras en 10 segundos,... Para mí todo son ventajas.
2/8 POMODORO TIMER
http://www.online-stopwatch.com/pomodoro-timer/ . A todos aquellos que os guste trabajar con intervalos de tiempo, aplicando la técnica pomodoro, aquí tenéis un sencillo y práctico reloj, que marca intervalos de 25 minutos, de manera visual. Yo es el que uso, cuando no me llevo mi "tomatito" encima, acudo a esta sencilla herramienta.
3/8 SPRITEBOX
http://www.spritebox.net/ . Para que nuestras imágenes sean lo menos pesadas y se carguen rápidamente, nada mejor que definirlas como un sprite. Esta herramienta utiliza los estándares HTML5, CSS3, y jQuery para transformar cualquier imagen, bien subida, o proporcionada a través de URL, en un sprite.
4/8 Initializr
http://www.initializr.com/ . Initializr es un generador de plantillas HTML5 que nos ayuda a empezar con un nuevo proyecto basado en HTML5 Boilerplate. Podemos escoger las opciones más importantes y pulsamos en descargar, con lo cual nos bajamos una plantilla limpia, y personalizable, que nos ahorra el trabajo inicial. Tendremos todo lo necesario para empezar. Si quieres saber más sobre Boilerplate pincha aquí.
5/8 Stitches
http://draeton.github.io/stitches/ . Con esta herramienta también podremos transformar nuestros gráficos en sprites, y descargarnos todo lo necesario para poder usarlos. Es otra opción a Initializr, cada uno que elija la que mejor le venga o más le guste.
6/8 Snipt
https://snipt.net . Cuantas veces hemos ido guardando fragmentos de código de esos que usamos para cortar, pegar, modificar y listo. Pedazos de código que nos sirven como recetas de "cómo se hace...". Pues bien Snipt nos sirve para esto, para tener siempre disponibles esos fragmentos y acceder a ellos de forma sencilla.
7/8 Fix my HTML
http://fixmyhtml.com/ . Si tenemos una retahila de código HTML con un formato infernal, que no hay quien entienda, y no tenemos nuestras herramientas de escritorio a mano, esto puede hacer dicho código mucho más entendible. Copiamos y pegamos en la cajita el código problemático, pulsamos sobre el botón "FIX IT", y nos devolverá el código debidamente formateado, con sus indentaciones,...
8/8 Styleneat
http://www.styleneat.com/ . Una herramienta similar a la anterior, pero esta vez para organizar archivos CSS, formateando todo correctamente. Podemos pegar el código en la página directamente, subir ficheros, o proporcionar la URL del recurso CSS. Una vez hecho esto pulsamos en "Organize CSS", y nos proporcionará una pantalla con el código debidamente tratado.
