WebAdictos - Una dosis diaria de web

Andres nos presenta una imagen que resume lo que todo desarrollador web deberia conocer. Y es que aunque no nos especialicemos en todos esos lenguajes si debemos conocerlos para cuando se requiera poder hacer uso de los mismo.

En el mejor de los casos una empresa tendrá sus áreas de diseño y programación totalmente separadas pero ¿qué pasa cuando no es así? o cuando trabajas como freelance… Así que esa imagen resume lo que la mayoría de los desarrolladores web actualmente conoce o debe conocer para su trabajo diario.

Paul Spoerry ha hecho una lista de 125 snippets de código muy útiles para los desarrolladores web. Aunque algunas se tratan de librerías conocidas, hay otros códigos que tal ves no conozcamos y que nos puedan servir el día de mañana. Así que nunca esta demás revisarlo

Enlace: 125 Code Snippets for web designers

Firebug es una excelente extensión para Firefox dirigida a los desarrolladores web. Gracias a este tipo de extensiones FireFox es lo que es!… y es que es una extensión muy útil para los desarrolladores ya que nos permite facilmente detectar cualquier posible error en nuestra aplicación, entre otras cosas… pues bien si eres desarrollador web y utilizas firebug (si no lo utilizas que esperas!)  Michael Sync ha escrito un tutorial dividido en 3 partes donde nos enseña a utilizar mejor el firebug y asi sacarle todo el provecho. El artículo está en ingles pero vale la pena.

- Firebug Tutorial Parte 1

- Firebug Tutorial Parte2

- Firebug Tutorial Parte 3

Enlace: FireBug

Vía: Bitelia

Creo que la mayoria si no es que todos los desarrolladores web se han topado con la problematica de que no puedes (al menos de una manera sencilla) aplicarle un estilo a los inputs type=”file” de los formularios. Hoy leyendo WebAppers me encuentro con un interesante tutorial que nos enseña como aplicarle estilos a esos campos utilizando para esto un poco de CSS y Javascript.

La solución funciona en

• IE 5.5+
• Firefox 1.5+
• Safari 2+

- Ver Demo

- Descargar

Enlace: Styling File Inputs With CSS and DOM

Algo que tenemos que tener en cuenta los desarrolladores web es la validación de datos antes de enviar los formularios, para eso hacemos uso de javascript (aunque también es recomendable validar en el servidor por igual) ya sea que creemos nuestra propia función de validación o bien utilizar alguna librería ya hecha. A continuación les presento 2 librerías que te permiten validar formularios complejos de una manera sencilla y lo mejor es que en ambas librerias podemos definir nuestras propias reglas de validación.

Validate.js

Enlace: Validate.js

- Ver Ejemplos

- Descargar

LiveValidation

Enlace: LiveValidation

- Ver Ejemplos

- Descargar

Las 2 librerías cuentan con una amplia documentación para sacarles el mayor provecho.

Posts Relacionados:

• Comprimir Archivos Javascript y Hojas De Estilo Con YUI Compressor
• contextMenoo Menú Contextual En MooTools
• Las Mejores Prácticas En El Diseño De Librerias De Javascript
• Proto.Menu Un Menú Contextual Ligero En Javascript Utilizando Prototype
• Reglas Para Los Desarrolladores De Librerias en Javascript

Vía: aNieto2k / Frogx3 (LiveValidation)

Esta recopilación hecha por Mashable ya tiene un tiempecito que se publicó pero vale la pena mencionarla y es que esta ves se trata de una recopilación de mas de 120 herramientas y recursos para los desarrolladores web, y como yo soy uno de ellos esta lista se me hace muy interesante ymuy útil y me ha permitido descubrir nuevos sitios y herramientas para posteriores tareas. Asi que les recomiendo guardar el enlace nunca se sabe cuando nos puedan ayudar.

La lista contiene las siguientes categorías:

Recursos Generales y Referencias.

• Herramientas generales de desarollo.
• Constructores de Aplicaciones.
• Repositorios y Buscadores de Código y Snippets.
• Ambientes de desarollo y FrameWorks
• APIs y Mashups
• Pruebas, Seguimiento de Errores y Administración de Proyectos.
• Recursos y Herramientas para Ruby y Ruby on Rails.
• Herramientas y Recursos de Ajax.
• Herramientas y Recursos para PHP.
• Herramientas y Recursos para Flash.
• Herramientas y Recuros para Python.

Como ven la lista esta bastante completa y es seguro que alguno de esos sitios nos sirve de algo.

Enlace: Web Development Toolbox: 120+ Web Development Resources

Via: Frogx3