Cada día repetimos muchas tareas a la hora de diseñar y desarrollar, esto nos aburre, escribir la misma frase, maquetar largos parrafos con Lorem Ipsum y escribir trozos de códigos siempre igual.
Así que a continuación os elenco una serie de 15 herramientas muy utiles para salir de la monotonia y hacer las tareas de manera más rapida y eficaz.
-
TabsGenerator
Un generador automatico de Tab, para crear los menu de navegación en etiquetas.
-
Cheat Sheets
Chuletas muy utiles para saber todos los atajos y agilizar la productividad, sea de Photoshop, Illustrator, CSS, HTML…
Photoshop Cheat Sheets
Shorthand CSS Cheat Sheet
-
960 grid system
La guia de 960px es ya un estándard para crear layout web con ancho fijo, también existe un framework para crear los bocetos para las webs.
-
Styleneat
Una excelente herramienta para tener las hojas de estilos muy limpitas, organizadas por orden alfabetico y con la indentación perfecta. Para maniaticos del orden!
Otros recurso para optimizar los CSS
-
Text-Expander
Herramienta de escritorio para escribir de manera rápida. Agilizan la tarea de escritura.
Windows: FastFox Texter
Mac OS: Typinator TextExpander
-
Developer Bar e Firebug per Firefox
Dos plugin esenciales para Firefox. Si eres un diseñador web los debes tener instalado en tu ordenador.
Web Developer Tools
Firebug
-
CSS Sprite Generator
Para ahorrar tiempo, esta utilidad sirve para crear Sprite Generator rápidos.
-
Em-Chart
Convierte los caracteres de px a em. Muy útil para construir layout líquidos, así que ya no servirá la calculadora…
EmChart
-
Html Ipsum
Una herramienta única e indispensable a la hora de escribir textos, listas etc.. Lorem Ipsum ya esta disponible con la formateación que necesites.
-
Favicon Generator & editor
Este generador crea un favicon solo subiendo una imagen de tu ordenador. No necesitas bajarte ninguna aplicación ni plugin, es un web editor completo.
-
Typetester
Para saber cual es el mejor texto. Compara 3 diferentes versiones y puedes descargarte la version en css lista para tu proyecto.
-
Color Scheme Designer
Una buena herramienta para seleccionar los mejores colores, así tus trabajos lucirán de verdad.
-
Snipt
Snipt es una comunity donde programadores y desarrolladores recopilan trozos de código para poder ser reutilizados. Puede ser útil si buscas algunas lineas de código y no sabes como se escriben. Aquí seguro que encontraras la solución.
-
Smushit
Es un aplicación web que comprime las imágenes para web de forma totalizante, diminuirá las dimensiones manteniendo la calidad en pocos clicks.
-
Iconfinder
Un buscador de iconos, tiene miles de iconos sueltos y set completos, se puede encontrar todo lo que uno necesita.
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure