Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Bookmarks para desarrollo HTML y CSS

Bookmarks para desarrollo HTML y CSS 21.JAN.14

Alvaro José Rios Ch
Fundador WebBizarro

Hay muchos sitios, librerías y herramientas útiles para todo tipo de propósitos en el mundo de la programación y cada día aparecen más en internet pero hay cosas que debemos tomar en cuenta para que nuestros desarrollos sean los mejores, quizá al principio sea un poco engorroso y queramos tirar la toalla pero con el tiempo ya sera cuestión de rutina y tendremos productos de calidad con nuestro nombre.

Hoy solo vamos a nombrar cinco sitios que pueden ser útiles para los desarrolladores de HTML y CSS pero son muchísimos y seguro que ustedes compartirán algunos con nosotros en la caja de comentarios.

The Expressive Web

Un sitio desarrollado por Adobe donde podrás encontrar tips, recursos, ejemplos y mucho más sobre características y atributos de HTML5 muy adecuado si estas aprendiendo sobre estas nuevas tecnologías y quieres comenzar con lo mejor.

Sitio web: theexpressiveweb.com

 

Teaching Materials

Aunque el material esta hecho para profesores también es muy útil para estudiantes y podrás encontrar presentaciones, ejemplos, ejercicios y algunas lecturas adicionales para aprender todo lo que necesitas para comenzar con el desarrollo Frontend.

Sitio web: http://www.teaching-materials.org

 

CSS Frontend Frameworks

Aquí puedes encontrar una extensa lista de Frameworks CSS que te ayudará a decidir cual de ellos es mejor para tu aplicación, en la lista puedes ver si es compatible con dispositivos móviles, en que navegadores funciona y si tiene versiones en Sass o Less, muy útil al momento de tomar decisiones.

Sitio web:CSS Frontend Frameworks

 

Smush.it

Algo que siempre debemos tener en cuenta al momento de hacer aplicaciones web es el tamaño de los archivos que cargamos y generalmente las imágenes suelen ser lo más pesado en nuestros sitios y hay es donde Smush.it es útil para nosotros. Es una herramienta de Yahoo que permite quitar bytes innecesarios a los archivos de imágenes y así optimizarlas para la web.

Sitio web:http://www.smushit.com/

 

CSS3 Media Query Builder

Si vas a hacer aplicaciones con diseños que se adapten a la resolución de la pantalla debes conocer los media querys y este sitio es muy útil ya que permite crear los selectores para los media query de múltiples dispositivos como iphone, Ipad, Nexus, Galaxy y combinarlos con atributos y características propias de cada dispositivo para que el diseño se adapte lo mejor posible.

Sitio web: http://arcsec.ca/media-query-builder/

 

CSSCSS

Como decíamos antes el tamaño importa y mucho, cuando hablamos de desarrollo Frontend, archivos muy pesados pueden hacer que tu sitio sea muy lento por lo que herramientas como CSSCSS son muy útiles ya que ayudan a optimizar las hojas de estilo eliminando estilos duplicados o redundante, muy útil si solo quieres lo estrictamente necesario y no quieres tener problemas más adelante por un estilo duplicado.

Sitio web:http://zmoazeni.github.io/csscss/

Finalmente no te olvides de agregar también a Webbizarro donde siempre te traemos lo ultimo en tecnología y programación para hacer de internet un lugar mejor para todos.