¿Quieres formar parte de la AWJA?

Rellena el siguiente formulario y nos pondremos en contacto contigo lo antes posible.

  • strict warning: Non-static method view::load() should not be called statically in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/views.module on line 879.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_handler_filter::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/handlers/views_handler_filter.inc on line 589.
  • strict warning: Declaration of views_handler_filter_boolean_operator::value_validate() should be compatible with views_handler_filter::value_validate($form, &$form_state) in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/handlers/views_handler_filter_boolean_operator.inc on line 149.
  • strict warning: Declaration of views_plugin_style_default::options() should be compatible with views_object::options() in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/plugins/views_plugin_style_default.inc on line 25.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.
  • strict warning: Declaration of views_plugin_row::options_submit() should be compatible with views_plugin::options_submit(&$form, &$form_state) in /var/www/webmasterjaen_production/releases/20141102171815/www/sites/all/modules/views/plugins/views_plugin_row.inc on line 135.

Crónica, grabación y material de la charla "Desarrolla la web del futuro"

16/12/2011

Ya no teníamos excusa, siendo una asociación de webmasters con un año de andadura y todavía no habíamos organizado ningún evento sobre HTML y CSS, dos de las principales tecnologías sobre las que se apoya la web. Por eso decidimos organizar esta charla, para resarcirnos un poco en este aspecto, y para mostrar las enormes posibilidades que ofrecen las nuevas versiones de ambos estándares, HTML5 y CSS3, que hoy día están siendo ya utilizadas por los desarrolladores más punteros del sector.

Victor Rodríguez y Miguel Angel Arroyo, presidente y vicepresidente de la asociación respectivamente, se lanzaron a la piscina y decidieron preparar ellos mismos la ponencia, la cual finalmente fue fijada para el día 12 de Diciembre de 2011 a las 18:30h de la tarde. Tal y como habíamos anunciado, esta vez la cita era en la Biblioteca Pública de Jaén. Desde aquí queremos agradecer también a los trabajadores de la biblioteca por la buena disposición y las gestiones realizadas en cuanto a la reserva de la Sala de Proyecciones, espacio en el que finalmente se realizó la charla.

Pasaban las 18:35h y a penas cabía más gente en la sala (alrededor de unos 40 asistentes contabilizados, y muchas caras nuevas respecto a anteriores actividades lo cual nos congratula). Cuando todo el mundo estaba acomodado tomó la palabra Miguel Ángel, quien tras las primeras muestras de agradecimiento por la buena asistencia pasó a introducir la temática de la charla. El primer punto no podía ser otro que la justificación de la misma, y es que el título de la presentación, (“Desarrolla la web del futuro”), parecia indicar que estas tecnologías que íbamos a ver son a lo que cualquier desarrollador web se va a enfrentar de aquí a unos años. En cierto modo, estas tecnologías son ya del presente, y no debemos dejar pasar más tiempo sin conocerlas y comenzar a aprovechar todas sus posibilidades.

 

Las primeras transparencias estuvieron dedicadas a introducir un poco la historia sobre cómo surgieron HTML y CSS, en los primeros años de la década de los 90, cuando comenzó a desarrollarse la web. No podía faltar en esta introducción el nombre de Tim Beners Lee, quien junto a sus colegas del CERN desarrolló el lenguaje de marcado de hipertexto, más conocido como HTML, así como el primer servidor web capaz de servir al usuario páginas web desde un equipo remoto a un navegador web a través de una conexión a internet.

Una vez terminada esta pequeña introducción histórica, Miguel Ángel y Victor comenzaron a meterse en faena con HTML5 y pasaron a explicar las nuevas etiquetas que han sido introducidas en el estándar con el fin de mejorar la semántica de nuestros desarrollos web, así como para introducirnos en conceptos como los microformatos, que nos ayudan a que el contenido que ofrecemos a los humanos en nuestros desarrollos sea lo más entendible posible por los sistemas informáticos, a fin de que estos puedan rastrearlos e indexarlos por su significado. También se habló de todos los cambios que HTML5 va a traer a los formularios, para sobre todo mejorar también su semántica. Como podéis observar, si no os habéis percatado todavía, la semántica es tal vez uno de los apartados más importantes del nuevo estándar.

Y llegó el momento polémico de la charla, que coincidió, como no podía ser menos, con la presentación de las nuevas etiquetas que HTML5 incorpora para incrustar vídeo y audio y que hace que ya no necesitemos flash como hasta ahora. Muchos ya las conociámos porque han sido presentadas a bombo y platillo como las “flash’s killers”, aunque en este selecto club también deberíamos incluir a la nueva etiqueta canvas de HTML5, que nos permite generar gráficos dinámicamente por medio de javascript y que pueden ser incluso en 3D si empleamos otra tecnología llamada WebGL.

A continuación se vieron algunos aspectos que se incorporan a HTML5, como es el caso de la API para almacenamiento local (que nos da la posibilidad de trabajar con aplicaciones web cuando no disponemos de una conexión a internet), y algunas otras tecnologías que no perteneciendo a HTML5 se han venido desarrollando en paralelo y también cabía mencionar, como la geolocalización (para determinar la ubicación física del usuario y aprovechar las posibilidades derivadas) y otros conceptos más técnicos como los workers y sockets. Para terminar con la parte de HTML5, también se mencionaron algunas utilidades interesantes como html5shiv, Modernizr o HTML5 Boilerplate.

Hasta aquí la primera parte de la charla. A continuación le tocaba el turno a CSS3, que como los que os dedicáis a este mundo sabréis de sobra se trata de la nueva versión del lenguaje de hojas de estilo en cascada, que se utiliza para dar formato a la web, y que es más terreno de un perfil dedicado al diseño. No podía evitarse hacer mención a Photoshop o herramintas de tratamiento de imagen digital, que en muchas ocasiones se utilizan para aplicar detalles gráficos a un diseño web, pero que gracias a las posibilidades que nos brinda CSS3 pueden suplirse en bastantes ocasiones para esta necesidad. Se animó a los diseñadores presentes en la sala a no tener miedo a atreverse con CSS, ya que cosas como aplicar bordes redondeados a capas, transaprencias o degradados es muy sencillo, y elimina la necesidad de depender de imágenes para aplicar formato, lo cual también ayuda a aligerar el tamaño de la página web y a que esta se pueda navegar más rápidamente.

En CSS3 también toman mucha importancia las tipografías. Y es que según Information Architects, “la tipografía es el 95% de un diseño web”. CSS3 permite incorporar tipografías sin depender de que estas estén o no instaladas en el equipo del usuario que visita nuestra página web, lo que hasta ahora no era posible y también en muchas ocasiones se suplía incluyendo imágenes generadas con programas de retoque fotográfico como Photoshop.

Pero lo que pareció llamar más la atención de los asistentes a la charla quizás fue lo que a continuación tuvimos la oportunidad de ver: las transformaciones y transiciones de CSS3, gracias a lo que podemos aplicar animaciones a elementos de un sitio web mediante reglas de CSS. Sin duda un buen motivo para dejar de usar Flash para este propósito, siempre y cuando no abusemos de ellas.

Otro punto muy interesante en el bloque de CSS fue sin duda en el que se habló de SASS, una extensión de CSS3 que facilita y simplifica en gran medida el desarrollo de una hoja de estilos. Lo que hace SASS es algo similar a lo que viene a hacer un compilador: transformar una código definido en un lenguaje de un nivel más alto a otro código de un nivel más bajo entendible por un equipo informático. En este caso se realiza una transformación de SCSS a CSS3, el cual interpreta el navegador web del usuario. En realidad SCSS no es más que un superconjunto de CSS que añade algunas características como la definición de variables que luego pueden ser reutilizadas, para por ejemplo definir y reutilizar colores a lo largo de una hoja de esitlos, entre otras posibilidades.

El último tramo de la charla estuvo dedicado a lo que en el mundillo de los desarrolladores web se conoce como “Responsive Web Design”, que traducido al idioma de Cervantes viene a significar algo así como “Diseño web adaptado a las necesidades del usuario”. Esto hace referencia a que todo diseño web debería adaptarse al dispositivo en el que el usuario lo esté visualizando. Y es que, como todos sabemos, en los últimos años ha explotado el consumo de dispositivos móviles (smartphones, tablets y netbooks), con pantallas de tamaño reducido, lo cual implica que un diseño web que se vea de forma perfecta en un monitor de un ordenador de los de toda la vida puede no verse correctamente en estos dispositivos móviles. Se hace necesario por tanto que nuestros diseños se adapten correctamente a estos dispositivos, y para ello CSS3 soporta las media queries, un nuevo método para preguntar al navegador del cliente cual es la resolución en la que quiere visualizar la página, y poder mostrar un diseño adaptado a esta resolución. La gran ventaja de esto es que de una forma muy sencilla podemos añadir soporte a diversa gama de dispositivos, lo cual hasta ahora se podía hacer pero de una forma mucho más tediosa.

Las últimas transparencias, antes de pasar al turno de preguntas por parte de los asistentes, estuvieron dedicadas a mencionar la tendencia en el uso de los distintos navegadores web y algunos recursos interesantes, como la colección de libros de A Book Apart.

Ya en el turno de preguntas tuvimos la oportunidad de escuchar alguna reflexión acerca de lo devaluada que está la profesión del desearrollo web, y lo poco que a veces se valora un trabajo bien hecho. Es algo que salta a la vista en cuanto entras en esta profesión, y desde la AWJA trataremos de concienciarnos en primer lugar a nosotros mismos, que somos los que en primer lugar debemos valorar nuestro trabajo y nuestros esfuerzo para mejorar la situación de todos los que nos dedicamos a esto.

No queremos cerrar este artículo sin agradeceros nuevamente la asistencia e interés mostrado por este evento. Podéis comentar lo que queráis a través de Twitter o Facebook. En Twitter, para temas relacionados con esta charla podéis utilizar el hashtag #awjawebfuturo.

A continuación os ofrecemos todo el material de la charla y la grabación de la misma, que aunque tiene un par de cortes debidos a problemas ténicos, al final ha quedado mejor de lo que cabía esperar, pese a estar grabada con un iPhone 4S y con sonido ambiente. En próximas ocasiones trataremos de mejorar los medios técnicos. Por supuesto agradecer nuevamente el esfuerzo a José Manuel Anguita, que una vez más estuvo ahí para apoyarnos en lo relativo a la grabación.

Os esperamos en la próxima.

Grabación

Presentación

Todo el material

Te necesitamos

Efectivamente, la AWJA te necesita. Aquí tienes toda la información si estás interesado en asociarte a la AWJA.