Recursos para mantenerse actualizado en diseño y desarrollo web

por Natalia Ventre el 30/05/2013 ・ podés leerlo en 6 minutos ・

Mantenerse al día es importante básicamente para hacer un mejor trabajo. Conocer las nuevas técnicas y herramientas que dan resultado, y también por qué fallaron otras, te ayuda a tomar decisiones inteligentes sobre qué tecnologías web usar en un proyecto nuevo y te sirve para resolver problemas reales en un proyecto actual.

Estar al día no significa que tengas que aplicar en producción cada novedad que surge. Antes de adoptar una nueva tecnología, preguntáte:

  • ¿es adecuada para el proyecto? Aunque tengas un martillo nuevo y brillante, todos los problemas siguen sin ser un clavo.
  • ¿es una solución a largo plazo? Un diseño “última moda” puede verse viejo o aburrir dentro de pocos meses. Una especificación que está en desarrollo puede cambiar radicalmente y obligarte a refactorizar el código demasiado pronto.
  • ¿cuál es el costo? Aprender y sobre todo dominar una herramienta nueva lleva tiempo.

Tomá tus propias decisiones, pero considerá adoptar una nueva tecnología cuando:

  • Escuchás repetidamente hablar de ella: distintas personas te la recomiendan, se habla de qué genial es en blogs y redes sociales, se publican libros técnicos sobre el tema.
  • Tiene una gran comunidad: miles de seguidores y cientos de contribuyentes en GitHub.
  • La usan los peces gordos: empresas y agencias la usan para desarrollar productos reales.

Finalmente, usar una nueva técnica o herramienta de diseño y desarrollo web puede darte un renovado entusiasmo en tu profesión e inclusive abrirte nuevas oportunidades laborales.

Artículos

Hace años leía prácticamente cada artículo publicado en decenas de blogs y sus respectivos comentarios. En la medida en que me dejaron de aportar valor o que cambiaron mis intereses, los abandoné1. Hoy recomiendo:

  • The Accessibility Project: blog sobre accesibilidad, con artículos cortos y actualizados por la comunidad.
  • 456 Berea Street: blog del desarrollador web sueco Roger Johansson principalmente sobre accesibilidad y CSS.
  • HTML5 Rocks: tutoriales y referencia sobre HTML5.
  • CSS Wizardry: blog del diseñador y desarrolladorr Harry Roberts sobre arquitectura, escalabilidad y mantenimiento de CSS con un fuerte enfoque en OOCSS.
  • Design Shack: blog sobre diseño web. Publican críticas de diseño, tutoriales de CSS, comparativas y reseñas de herramientas, libros y servicios y tips para aprovechar al máximo herramientas (por ej. Sublime Text 2).
  • Nettuts+ y Webdesigntuts+: artículos y tutoriales sobre HTML, CSS, JavaScript, etc. y Wptuts+ sobre WordPress.

Newsletters

Suscibirse a estas newsletters es la manera más fácil de mantenerse al día ya que semanalmente te envían una lista de enlaces (a veces con un pequeño resumen) organizados por temas.

  • Jakob Nielsen’s Alertbox: Jakob Nielsen el gurú de la usabilidad envía alertas de nuevos reportes.
  • HTML5 Weekly: resumen semanal sobre HTML5 y CSS3.
  • Web Design Weekly: resumen semanal de diseño y desarrollo web que incluye artículos, herramientas, recursos, inspiración, etc.
  • Web Standards Group: actualizaciones de la W3C, enlaces y recursos. Los enlaces también están disponibles en Max Design, el sitio web de Russ Weakley.
  • Hacker Newsletter: newsletter semanal sobre starups, tecnología y programación. Incluye artículos sobre diseño y desarrollo.
  • The Moz Top 10: newsletter quincenal con 10 noticias y/o tips de SEO.

Personas

Personas que vale la pena en seguir a través de publicaciones y entrevistas en distintos medios, conferencias, redes sociales, etc.2 No hay enlaces, queda a tu criterio seguirlas via Google+, Twitter, RSS, etc.

  • David Bushell es un diseñador y desarrollador front-end, en su blog personal escribe sobre tu trabajo.
  • Andy Clarke, autor de Harboiled Web Design, en la Smashing Conference habló sobre fomentar una mejor participación de los clientes en proyectos de diseño adaptable y también sigue trabajando en plantillas de contratos para diseñadores web.
  • Brad Frost es un diseñador front-end. En setiembre del 2012 lanzó el sitio This is Responsive con patrones de diseño, recursos y noticias sobre experiencias web responsivas.
  • Ilya Grigorik es un ingeniero en rendimiento web, autor de High-Performance Browser Networking. En Faster, smaller and more beautiful web with WebP explica en profundidad el beneficio del formato de imagen WebP.
  • Paul Irish miembro del equipo de relaciones de desarrolladores de Google Chrome, desarrollador de Modernizr, CSS3 Please, HTML5 Boilerplate, etc. En Google I/O 2012 presentó Yeoman y en Fluent 2012 presentó el flujo de trabajo de desarrollo de JavaScript para el 2013.
  • Divya Manian, co-creadora del HTML5 Boilerplate, ingeniera de web avanzada e interactividad en Adobe, en Front-Trends 2012 habló sobre diseñar en el navegador y recientemente publicó HTML5 Boilerplate Web Development.
  • Matthew Moore trabaja como diseñador web. Muchos blogs de diseño giran alrededor de mostrar cosas lindas sin contexto ni análisis, pero Matthew escribe muy bien, por ej. en Branded Interactions habla sobre la relación entre la interacción con una aplicación y la identidad de la marca.
  • Ian Storm Taylor es el co-fundador de una startup y en su blog comenta sobre tu trabajo y explica por qué tomaron ciertas decisiones de diseño o programación. Uno de mis artículos preferidos es Never use black.
  • Philip Walton es un ingeniero front-end y de software, tiene unos pocos pero muy buenos artículos publicados incluyendo CSS Architecture y Defending Presentational Class Names. Para mí es el desarrollador revelación del año y me interesa seguirlo en el 2013 para saber qué más tiene para decir.

Referencia

Si vas a consultar una referencia, es importante que esté actualizada. Si estás leyendo un libro o vas a aplicar un tutorial publicado hace meses o inclusive años, te conviene verificar con una referencia si el código aún es válido o si hay algún cambio.

  • HTML5 Please: indica si una característica de HTML5 o CSS3 está lista para ser usada y ofrece un plan B o polyfill.
  • CSS3 Please!: es un generador cross-browser de reglas CSS3.
  • This is Responsive: patrones, recursos y noticias sobre responsive web design.

Varios

  • Codrops: publica tutoriales que implementan las posibilidades que ofrecen CSS3 y JavaScript en mini-proyectos como menús y carruseles de imágenes.
  • Line25: un resumen semanal de los mejores diseños web según el diseñador Chris Spooner para estar al corriente de las tendencias en diseño web actual.
  • Monday by Noon: una publicación semanal (los lunes al mediodía) donde el desarrollador Jonathan Christopher comenta artículos interesantes sobre diseño y desarrollo web.
  • Podcasts:La gran ventaja de los podcasts en audio es que podés escucharlos mientras trabajás y no necesitás sacarle tiempo a otra actividad.

Videos

Además de videos de varias conferencias, recomiendo estos shows:

  • Build Podcast: sobre herramientas de diseño y desarrollo. En cada episodio Sayanee explica paso a paso cómo usar Yeoman, Modernizr, Heroku, Grunt, etc, en un mini-proyecto.
  • The Breakpoint: dedicado a las herramientas para desarolladores enfocadas a la productividad conducido por Paul Irish y Addy Osmani.

Conclusiones

How to keep up to date on Front-End Technologies - The Recipe y 046 JSJ Staying Current son otras listas de recursos para mantenerse actualizado. Armar mi lista personal me sirvió para determinar de todos los posibles recursos, cuáles me ayudan a crecer como profesional, y cuáles son realmente interesantes y no son sólo más de lo mismo.


  1. Encontar un motivo para recomendar un blog, me sirvió para limpiar mi lista de suscripciones RSS.

  2. The Pastry Box Project publica los pensamientos de 30 personas influyentes sobre darle forma a la web.