Salta al contingut principal

5 excelentes recursos para desarrolladores web

Cada día nacen en Internet nuevas herramientas y recursos para ayudarnos a hacer nuestro trabajo mucho más simple y rápido, aplicaciones que prácticamente hacen todo el “trabajo sucio” y nos permiten dedicar más tiempo al proceso creativo y a la solución de problemas más complejos. Por otro lado, muchos desarolladores web estamos en la constante búsqueda de soluciones de este tipo e invertimos mucho tiempo en probar aplicaciones, frameworks y tecnologías que nos hagan la vida más fácil.


La parte de ese proceso de búsqueda, prueba y adopción/descarte que más me gusta es la de compartir esos “descubrimientos” con otros desarolladores, ya que, además de aportar algo, siempre genera una conversación interesante, un cruce de opiniones y la posibilidad de encontrar nuevas alternativas a las herramientas que ya usamos.


JavaScript


Realmente no estoy seguro del tiempo que tienen estas herramientas en línea, lo que sí es cierto es que las descubrí no hace mucho y de verdad me han parecido muy interesantes, sobre todo, para los que se están iniciando en este mundo del desarrollo web y aún no han terminado de elegir sus armas.


Koding


Comienzo por el que descubrí más recientemente. Koding es una especie de IDE basado totalmente en la nube y repleto de características muy interesantes, básicamente es como tener una versión avanzada de Dreamweaver, a la que puedes acceder desde cualquier ordenador conectado a Internet y que a su vez cuenta con un servidor web que soporta múltiples lenguajes.


Dependiendo del lenguaje y del tipo de proyecto en el que vayamos a trabajar, Koding configura una estructura de directorios y pone en ellos los ficheros más elementales, dejando todo listo para que comencemos a escribir código. Adicionalmente, la aplicación cuenta con características sociales que facilitan el trabajo colaborativo y ofrece la posibilidad de seguir los proyectos de otros desarrolladores.


De momento, Koding se encuentra en estado de beta privada, pero puedes animarte a pedir una invitación en su sitio web, con un poco de suerte la recibirás pronto.


Dabblet


Otra interesante herramienta de trabajo es Dabblet , un ligero y sencillo editor de código HTML/CSS que se integra directamente con el conocido servicio Gist de Github, para facilitarnos la tarea de probar fragmentos de código de nuestros proyectos y compartirlos con otros desarrolladores, lo que además puede servirnos como una librería de snippets que podemos reutilizar posteriormente en otros desarrollos que llevemos acabo.


Sus opciones son tan simples como su interfaz. Dabblet nos permite dividir la pantalla en 3 partes: la primera para el código CSS, la segunda para el HTML y la tercera nos ofrece una vista en tiempo real de lo que estamos haciendo. Personalmente la clasifico como una de esas herramientas que no sabia que podía necesitar hasta que la usé.


jsFiddle


¡Monstruosa!, es la primera palabra que se me viene a la mente para definir jsFiddle . Quizá no es la definición más elegante, pero cuando la pruebes te darás cuenta del por qué.


En esencia, esta aplicación es muy similar a las dos anteriores, pero cuenta con una mayor cantidad de opciones útiles, sobre todo, para los desarrolladores más avanzados. jsFiddle es tan completo que podría reemplazar, sin muchos problemas, el editor de código que vienes usando hasta ahora en el escritorio. Además de los espacios para el código CSS y HTML, la aplicación ofrece la posibilidad de probar directamente módulos en JavaScript.


Entre otras cosas, jsFiddle nos permite elegir el framework con el que vamos a trabajar, de esta manera podemos asegurarnos de que todas las pruebas que hagamos van a funcionar de manera perfecta en nuestro proyecto. También nos da la opción de agregar recursos externos y configurar algunos detalles de forma dinámica y bastante sencilla.


GWT


El GWT o Google Web Toolkit , es un asombroso conjunto de herramientas y recursos que Google pone a nuestra disposición de manera gratuita. Esta caja de herramientas open source es usada por la propia compañía -y miles de desarroladores en todo el mundo- para crear y optimizar aplicaciones complejas, ya sean web, móviles o juegos.


Enumerar todos los recursos en este artículo es realmente difícil, por lo que les recomiendo que entren y le den un vistazo. Les aseguro que será de gran utilidad.


CodeVisually


No se me ocurrió una mejor manera de completar la lista, por lo que dejé CodeVisually para el final. Más allá de que te parecieran -o no- útiles e interesantes los otros cuatro recursos, en este sitio vas a encontrar el padre de todos ellos.


CodeVisually no es una aplicación, es más bien una especie de mercado de recursos web de todo tipo, organizado por categorías y tecnologías, en el que podrás encontrar casi cualquier cosa que te puedas imaginar, obviamente, relacionada con el desarrollo web; desde frameworks hasta pequeñas aplicaciones ya terminadas y listas para ser usadas. Personalmente lo considero uno de los mejores recursos disponibles en la web, uno de los que no puede faltar en la carpeta de favoritos.












via Bitelia http://da.feedsportal.com/c/33160/f/538987/s/2486abfd/l/0Lbitelia0N0C20A120C10A0Cexcelentes0Erecursos0Edesarrolladores0Eweb/ia1.htm

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Learn Composition from the Photography of Henri Cartier-Bresson

“Do you see it?” This question is a photographic mantra. Myron Barnstone , my mentor, repeats this question every day with the hopes that we do “see it.” This obvious question reminds me that even though I have seen Cartier-Bresson’s prints and read his books, there are major parts of his work which remain hidden from public view. Beneath the surface of perfectly timed snap shots is a design sensibility that is rarely challenged by contemporary photographers. Henri Cartier-Bresson. © Martine Franck Words To Know 1:1.5 Ratio: The 35mm negative measures 36mm x 24mm. Mathematically it can be reduced to a 3:2 ratio. Reduced even further it will be referred to as the 1:1.5 Ratio or the 1.5 Rectangle. Eyes: The frame of an image is created by two vertical lines and two horizontal lines. The intersection of these lines is called an eye. The four corners of a negative can be called the “eyes.” This is extremely important because the diagonals connecting these lines will form the breakdown ...