Herramientas online gratuitas que nos facilitan el trabajo
calendamaia
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 tech.lat: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 | StyleneatEn tech.lat Dev | Mejora tu concentracion con pomodoro | Pomodoro un reloj de cocina muy productivo | Resetea tus css a conciencia con normalize css
Herramientas online gratuitas que nos facilitan el trabajo %commentsCount%
Ver original 1/8 DO IT TOMORROW
. 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.
Ver original 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.
Ver original 3/8 SPRITEBOX
. 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.
Ver original 4/8 Initializr
. 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í.
Ver original 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.
Ver original 6/8 Snipt
. 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.
Ver original 7/8 Fix my HTML
. 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,...
Ver original 8/8 Styleneat
. 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.