Sabemos que CPMX4 es ahora parte fundamental en tu experiencia académica y profesional. Por eso desde ya puedes imprimir tu certificado de asistencia a Campus Party México 2013 directamente desde tu ficha de usuario.
Ingresa a tu ficha de usuario y en el aparte “certificados de asistencia” encontrarás el de Campus Party México 2013 o simplemente haz click aquí.
Esperamos que sea para ti un bonito recuerdo de una maravillosa semana de conocimiento
En esta edición de Campus Party 2013, Luis Antonio Gómez (fundador de html5fácil), dio una plática que nos pareció interesantísima sobre los hacks que se han hecho sobre HTML5 para hacerlo más compatible y fácil de adaptar.
Durante aproximadamente 35 minutos, nos mencionó y explicó un montón de librerías que definitivamente hacen tu vida web más fácil. Independientemente de si eres novato o experto, vale la pena que le eches un ojo.
La lista es extensa, son 27 opciones que pueden mejorar de manera contundente la experiencia web que está ofreciendo tu sitio o aplicación web. Algunas ya las conocía por lo que añadiré una opinión personal, pero creo que no hay mejor manera de conocerlas que yendo a su sitio, descargándolas y probándolas. Happy coding!
Librerías:
1. jQuery. Fundamental. Simplifica nuestra interacción con documentos HTML.
2. HTML5 Shiv. Provee soporte de elementos HTML5 con navegadores viejos.
3. CSS3 PIE. Soporta características decorativas de CSS3 en IE 6-9.
4. Modernizr. Recomendadísima. Detecta las capacidades HTML5/CSS3 del navegador, e intenta emular la funcionalidad faltante.
5. Prefix-free. Simplemente maravillosa. Te ayuda a simplificar tu CSS para que sea compatible con la mayor posibilidad de navegadores sin escribir prefijos como -moz o -webkit.
6. Google web fonts. Desconocidas para mí como programador, pero famosísimas en el mundo del diseño web. Una excelente opción fácil de usar para darle variedad a las aburridas tipografías clásicas de la web.
7. Responsive.js. Ayuda a hacer tu sitio responsivo, que es la capacidad de que se 'adapte' a navegadores en varias resoluciones (móviles, tabletas, computadoras de escritorio).
8. Normalize.css. Necesaria. Resetea los estilos por defecto (como márgenes) para que tu sitio se vea igual en varios navegadores.
9. Mediaelement.js. Permite manejar audio y video como HTML5, utilizando FLASH en caso de que el navegador no lo soporte.
10. Cuepoint. Fácil interacción para mostrar subtítulos en momentos clave de videos HTML5.
11. Raphaël.js. Simplifica el trabajo de creación y manipulación de gráficas vectoriales y canvas.
12. Kinetic.js. Muy popular en el desarrollo de juegos nuevos en 2D y 3D usando canvas.
13. Turn.js. Proporciona el efecto de 'hojear libros'.
14. WYSIHTML5. Aproximación novedosa de editor de texto enriquecido.
15. Storage.js. Permite almacenar información en el cliente, retrocompatible con IE6 y Firefox 2.
16. Skrollr. Librería para implementar el famoso efecto parallax.
17. Parallel.js. Ofrece procesamiento en paralelo en el navegador del cliente a través de web-workers.
18. Socket.io. Publicación y suscripción de eventos en tiempo real en la web, retrocompatible via websockets.
19. Faye. Similar a socket.io, utilizando el protocolo Bayeux. Más fácil de utilizar en el inicio de un proyecto, pero se vuelve tedioso si este crece mucho.
Plataformas:
20. Phonegap. Permite crear apps móviles utilizando tecnologías web. Altamente recomendado para cubrir funcionalidad que no es demandante de características específicas en hardware como gráficos (juegos).
21. Visual Studio 2013. Desarrollo web para Windows 8. Se rumora que está bien hecho y vale la pena si eres Microsoft fanboy.
22. Firefox OS. Sistema operativo diseñado para soportar aplicaciones en HTML5 que permitan controlar hardware directamente utilizando Javascript.
Para escribir más rápido, precompiladores y metalenguajes:
23. Emmet. Muy de moda y eficiente si quieres codear HTML rápido e impresionar a terceros.
24. SASS. Poderosa extensión de CSS3. Utilizada por default en Ruby on Rails.
25. LESS. Parecido a SASS, extensión extremadamente popular de CSS3.
26. Stylus. Otra extensión para CSS3, deja el código bastante limpio y entendible, súper útil especialmente al anidar estilos. Require instalación de node.js.
27. Coffeescript. Metalenguaje sobre Javascript. Se ve bonito y simplifica grandemente escribir código. La mayoría de los programadores profesionales o de vieja escuela de Javascript lo odian.
¡Wow! Con esto finalizamos la lista, aunque hay muchos más hacks que no se mencionaron. ¿Cuál crees que hizo falta? ¿Recomendarías o prevendrías el uso de alguna en particular?