html5

Sábado, 19 d enero d 2013.

Aprende WPO con la documentación de HTML5 Boilerplate

Mañana de sábado, primeras horas del día, buen momento para "cotillear" entre proyectos abiertos y todos esos temas que siempre tienes que mirar y nunca te da tiempo.

Esta mañana le ha tocado a Boilerplate. El que es, junto con Bootsrap uno de los frameworks html5 más extendidos por la web. Estos frameworks no son otra cosa que un conjunto de soluciones a los problemas más comunes al desarrollar el front de nuestras webs (lease HTML5 + CSS3 + Nuevas Funcionalidades JS + Responsive Design + Otros detalles).

El caso de Boilerplate, sea o no la solución final a usar en nuestras webs, esconde muchisimas lecciones de desarrollo de fronts optimizados. Solo acercándonos un poco a él podemos sacar muchas buenas lecciones sobre como mejorar la velocidad de carga de nuestras webs. Trucos geniales y explicaciones que te hacen pensar...

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces maquetacion programacion

Autor:

Viernes, 18 d mayo d 2012.

CSS3 “display:box”: Maquetación con el modelo de caja flexible

Hacía mucho que no escribía un post sobre desarrollo puro. Quizás demasiado. Esta claro que a algunos no os va a a interesar en absoluto, pero a veces hay cosas que aprendes y que debes compartir.

Como sabéis (si me leeis, claro) no me gusta quedarme en las modas y juzgar la utilidad de las nuevas tecnologías por sus aspectos más espectaculares, sino por lo que aportan en su día a día. El mundo del desarrollo web esta plagado de estas modas y valoraciones de tecnologías completas por sus detalles puntuales más vistosos. Pasó con ajax, con los frameworks javascript, con canvas y ahora con HTML5, CSS3 y las nuevas funciones de javascript.

En este caso quisiera tocar una de las mejoras más importantes que se nos vienen encima con CSS3 y que sin duda, una vez se estandarice del todo conseguirá que la mayor parte de los problemas de maquetación actuales desaparezcan: el modelo de caja flexible.

[...]

¿Te interesa? Sigue leyendo...

7 Comentarios, leelos

Temas Relacionados: maquetacion tutoriales

Autor:

Miércoles, 15 d febrero d 2012.

Maquetación SEO en HTML5: Div, Article, Section o Aside?

La maquetación en HTML5 poco a poco va imponiendose en el desarrollo web actual. La desgracia es que como tantas otras veces estamos haciendo las cosas más por modas que por que tengan algún sentido. Así pues, nos encontramos muchas webs que están creadas en HTML5 solo porque algún cliente o jefecillo ha decidido que quiere webs en HTML5 sin dar mayores explicaciones.

El problema que estamos teniendo realmente es que aunque parezca mentira -al menos, para el que entienda un poco de todo esto- actualmente empiezan a proliferar este tipo de webs:

  • Webs en HTML5 hechas con dreamweaver y en tablas
  • Webs en HTML5 con 200 "div"
  • Webs en HTML5 en las que simplemente se han reemplazado los 200 divs por 200 "section"

En mi opinión aun no estamos en el momento de desarrollar en HTML5, pero queda tan poco para que lo sea que empieza a ser importante que nos tomemos todo esto en serio.

Las etiquetas Html5 solo tienen una ventaja respecto a XHTML: Son semánticas de por si... si no vamos a usar esta semántica, ¿quiere alguien decirme que coño estamos haciendo?

[...]

¿Te interesa? Sigue leyendo...

24 Comentarios, leelos

Temas Relacionados: maquetacion seo

Autor:

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title