Las personas que siguen adictosalared.com, saben que me dedico al desarrollo web (mi empresa es ciberyan.com). A través de varios años de trabajo, he conocido, instalado, y probado infinidad de herramientas muy útiles para realizar mis tareas. Algunas me han dado buenos resultados, otras no tanto.
La mayoría de herramientas que utilizo en la actualidad están en mi navegador web (gracias a las extensiones de Firefox). Tengo extensiones para realizar todo tipo de tareas, depuración, manejo de archivos, utilidades SEO, editores de código, herramientas de validación, etc.
Hacer un listado completo seguramente me llevaría bastante tiempo, por eso hice una “recopilación” de varias herramientas que han publicado en otros sitios web, muchas de ellas que ya utilizo y algunas otras que no conocía.
30+ Firefox Add-ons for Web Developers & Designers
20 Firefox Add-ons to Enhance your Web Development
10 Best Firefox Addons for Designers
27 Indispensable Web Design and Development Firefox Extensions
46 Firefox Plugins For Power User, Web Designer, Web Developer And SEO Experts
Top 10 Firefox Addons for Web Designers
6 Essential Firefox Add-ons for Designers
15 Firefox add-ons for Web developers
26 Essential Firefox Add-ons for Web Designers
Useful FireFox add-ons for web developers
Si conocen otras extensiones o recopilaciones me avisan para agregarlas al listado.
En adictosalared hemos publicado en varias ocaciones galerías de imágenes gratuitas con las que podemos mostrar nuestras colecciones de fotos de una manera muy vistosa.
Hoy les traigo un pequeño y sencillo tutorial que nos explica como rotar varias imágenes utilizando jQuery y CSS. Una vez montamos esta galería, podemos utilizarla por ejemplo para mostrar nuestros trabajos de diseño, mostrar un catálogo de productos o cualquier tipo de imágenes de manera rotatoria y con una pequeña descripción.
Esta galería es totalmente personalizable ya que podemos cambiar fácilmente el diseño, los colores, el tamaño de las imágenes, la tipografía de la descripción, etc. pudiendola adaptar rápidamente a nuestras necesidades.
Sin duda es una forma muy agradable de mostrar nuestras fotos.
Enlace: Create an Image Rotator with Description (CSS/jQuery)
Demo: Demo galería
Publicada por Pablo Vera el 26 de Noviembre de 2008
En el excelente blog de diseño y desarrollo web, Noupe, encontré una completísima recopilación con ejemplos y tutoriales de programación con AJAX.
En este listado podemos encontrar todo tipo de técnicas para hacer que nuestros sitios web sean más usables, vistosos y modernos.
Hay scripts para realizar formularios, ventanas de ingreso, chats, contenido con pestañas, carritos de compra, sistemas de calificaciones, barras de progreso, paginación, calendarios, manipulación de imágenes y muchas otras herramientas que nos pueden servir en cualquier tipo de proyecto web.
Así que ya sabes, si te dedicas al desarrollo web o simplemente quieres aprender un poco más de AJAX, no dejes de visitar este listado.
Enlace: Recopilación de +50 técnicas de programación con Ajax
Publicada por Pablo Vera el 20 de Noviembre de 2008
Aquellas personas que se dedican al desarrollo web, seguramente en más de una ocación han tenido que realizar algún menu desplegable con javascript o css, tarea por demás de tediosa si se realiza desde cero.
Para no tener que luchar con cientos de lineas de código, hoy les traigo un excelente framework CSS gratuito que nos permite crear todo tipo de menús fácilmente y un unos pocos minutos.
Los menús generados con Free CSS Drop-down son muy rápidos y funcionan perfectamente en los navegadores más conocidos (IE, Firefox, Opera, Safari).
Sin duda, una herramienta que todo desarrollador web debería tener.
Enlace: Free CSS Drop-Down
Demo: Menu MTV
Descarga: Free CSS Drop-Down
Vía: Webmaster Libre
En el sitio Gosquared publican 3 excelentes y completas hojas de ayuda ideal para todas aquellas personas que nos dedicamos al desarrollo web.
Se trata de un conjunto de 3 cheatsheet, una de CSS, otra de HTML y la última de PHP. Estas hojas de ayuda son unos pequeños documentos en donde encontramos de forma muy resumida los comandos y funciones más importantes, en este caso, de lenguajes para desarrollo web.
Enlace: GoSquared
Descarga: PHP | HTML | CSS | Todas en formato .zip
Vía: Pixelco Blog
Publicada por Pablo Vera el 1 de Septiembre de 2008
Por mi trabajo de desarrollador web, una de las cosas que más suelo utilizar son los templates CSS. Como no soy diseñador, sino programador, las plantillas web me ahorran una gran cantidad de tiempo en mis trabajos y me permiten presentarle a mi clientes, sitios de gran calidad a un costo bastante económico.
Debido a eso, con el tiempo he acumulado muchos sitios desde donde podemos descargar templates de gran calidad de manera gratuita.
Hoy quiero compartir con ustedes un pequeño listado de 20 sitios para descargar templates gratuitos. Espero que les gusten. [Leer más]
CSS 4 free es un sitio web en donde podemos encontrar cientos de templates web gratuitos listos para descargar.
Hay plantillas de todo tipo y para todos los gustos organizadas mediante etiquetas. El sitio cuenta también con un sencillo buscador, sistema de calificaciones, foros, captura de pantalla de los diseños y previsualización. Es un sitio que vale la pena visitar.
Enlace: CSS 4 Free
Vía: Diario THC
CSS Optimizer es un servicio online gratuito que nos permite optimizar fácilmente el código de nuestras hojas de estilo CSS.
Esta herramienta reduce el tamaño de los archivos CSS al quitar espacios innecesarios, eliminar comentarios y agrupar estilos, logrando de esta manera que las hojas de estilo carguen mucho más rápido.
CSS Optimizer nos permite acceder al contenido de nuestras hojas de estilo de tres maneras: indicándole la URL, subiendo el archivo desde nuestra computadora o pegándo directamente el código que queremos optimizar.
Sin duda, es un servicio bastante útil para las personas que nos dedicamos al desarrollo web.
Enlace: CSS Optimizer
Vía: Pixelco Blog
MoreCSS es una pequeña librería Javascript gratuita que nos permite realizar rápidamente muchas de las tareas que hacemos a diario como crear popups, tab menu, tablas con efecto “zebra” y mucho más. Hasta aquí nada novedoso.
Lo que hace realmente especial a esta librearía, es que nos permite hacer todas esas cosas directamente en nuestra hoja de estilos CSS.
Para utilizarla solo debemos incluir el archivo MoreCSS.js y una hoja de estilo externa en el encabezado de la página que vamos a utilizar. Luego podremos usar todas las propiedades de MoreCSS como si fueran una propiedad normal de CSS. [Leer más]
Publicada por Pablo Vera el 14 de Diciembre de 2007
Leyendo el sitio
noupe.com (por cierto un excelente blog para desarrolladores web) acabo de encontrar una completa recopilación de 47 formularios Ajax CSS.
Este listado nos colo contiene todo tipo de formularios sino que también podemos encontrar herramientas para trabajar con ellos.
Acá les dejo el link a esta excelente recopilación:
47+ Excellent Ajax CSS Forms
Las personas que siguen adictosalared.com, saben que me dedico al desarrollo web (mi empresa es ciberyan.com). A través de varios años de trabajo, he conocido, instalado, y probado infinidad de herramientas muy útiles para realizar mis tareas. Algunas me han dado buenos resultados, otras no tanto.
