Miércoles, 30 de enero de 2013.
Internet no para de evolucionar en todos los sentidos, incluso en su tecnología. Hay cosas que se van poniendo de moda y luego, poco a poco, se van dejando de lado, otras en cambio llegan con suficiente fuerza como para que todos sepamos que marcan el "camino a seguir".
El "Responsive Design" o en español "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Responsive Design se ha puesto muy de moda con el auge de la navegación movil, pero va mucho más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.
Pero el Responsive Design no son simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne distinta y que abarca tal cantidad de detalles que resulta impracticable para muchas empresas y realmente complejo para otras. Realmente yo a día de hoy no recomiendo realizar webs en Responsive Design, pues no estamos preparados para ello, pero si que podemos sacar ciertos conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Quizás no hasta el nivel que los diseños responsive que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos merezca la pena.
[...]
¿Te interesa? Sigue leyendo...
Temas Relacionados: maquetacion tutoriales html semantico responsive design
Autor: Iñaki Huerta
Sábado, 19 de enero de 2013.
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...
Temas Relacionados: Enlaces maquetacion programacion html5 wpo
Autor: Iñaki Huerta
Viernes, 18 de mayo de 2012.
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...
Temas Relacionados: maquetacion tutoriales css html5
Autor: Iñaki Huerta
Miércoles, 15 de febrero de 2012.
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...
Temas Relacionados: maquetacion seo html semantico html5
Autor: Iñaki Huerta
Miércoles, 21 de diciembre de 2011.
Hay tres grandes motivos por los que en SEO actual tiene mucho sentido preocuparse porque Google sepa quienes son los autores del contenido de nuestras páginas.
1. No ser penalizado erroneamente por Google Panda. Es decir, si nos preocupamos por conseguir que Google entienda quien ha escrito el contenido, habrá mucho menos riesgo de que al copiarnos un tercero Google asigne mal la autoría del Documento y se lo queden ellos penalizándonos a nosotros.
2. Conseguir el Rich Snippet de Autor (el resultado en google con la foto y nombre del autor) y así acaparar un mayor número de clicks (¡viva el CTR!)
3. Promocionar a nuestros redactores, haciéndolos más conocidos socialmente de forma que su autoría forme parte de nuestra marca. Las personas, por fin se están volviendo esenciales en Internet.
Dado que tiene mucho sentido conseguir que Google sepa asignar bien la autoría de los contenidos, seguidamente indicaré que pasos hay que dar para poder mejorar esta muchísimo...
[...]
¿Te interesa? Sigue leyendo...
Temas Relacionados: maquetacion seo tutoriales autores estrategias seo html semantico indexacion semantica seo onpage
Autor: Iñaki Huerta
