In general, keep your models FAT, controllers SKINNY, and views DUMB.“What are the best practices for CodeIgniter?” in Stack Overflow.
(Source: stackoverflow.com)
Más responsive design
A falta de retoques, ya se puede apreciar lo que es el responsive design. Como dije, ya no se trata de tener diferentes versiones para diferentes dispositivos (antes a veces tenías una versión normal y una “versión móvil”). Con CSS3 se puede adaptar un diseño al momento. Para ver el efecto, redimensionad la ventana de vuestro navegador. Chachi, uh? Es muy básico en mi caso, porque tampoco tengo muchos elementos, pero se pueden conseguir muchas cosas.
Para implementarlo es sencillo, aunque hace falta tener una estructura bastante bien organizada y lógica. Si programas bien desde el principio no tendrás problemas para esto.
Sólo tienes que añadir después del código CSS las diferentes media queries que quieres usar.
@media screen and (min-width: 740px) and (max-width: 979px) {
/* Para los estilos en dispositivos menores de 980px */
body {
derp derp...
}
}
@media screen and (max-width: 739px) {
/* Para los estilos en dispositivos menores de 739px */
/* En mi caso he usado este para poner los widths
líquidos, así se adaptan. */
}Y dentro de ellas, las modificaciones que quieres que sufran los elementos cuando se encuentren dentro de la resolución indicada.
Podéis echar un ojo a cómo lo he montado en mi CSS. En los próximos días indagaré sobre buenas prácticas y cómo optimizar la carga de datos, porque sé que se puede mejorar, y cuáles son las medidas más utilizadas (normal, tablet, smartphone, etc). La idea es hacer un tutorial en castellano que explique todas las posibilidades.
Este fue un diseño que hice para una camiseta. Sólo se llegó a hacer una, que llevo puesta de vez en cuando, sin que nadie lo sepa…
Responsive web design
Estos dos últimos días he estado rediseñando la página. Aun queda por hacer varios retoques, pero el trabajo importante todavía no está hecho. En los últimos meses he estado leyendo acerca de lo que en inglés se conoce como “responsive web design”.
En un futuro me gustaría tratar más el tema, pero resumiéndolo, se trata de una forma de desarrollar las páginas, aprovechando las media queries, para que el diseño se adapte a la resolución del dispositivo que se está utilizando. De forma que una página se vea correctamente tanto en un monitor con un ancho “estándar” de 1280px (por ejemplo), como en una tablet, o en un smartphone.
En cuanto lo tenga listo lo comentaré por aquí para que se pueda apreciar simplemente redimensionando la ventana del navegador.
Por cierto, no he visto la página en Internet Explorer. Lo tengo pendiente.
Cosas en las que estoy trabajando
Terminó el 2011, un año que me decepcionó bastante en ciertos aspectos, y empieza el 2012. Tengo muchas cosas en la cabeza y no encuentro una forma de transformarlas en algo útil y enriquecedor y que dejen de ocupar sitio. Una de las primeras cosas que haré será terminar de una vez esta página. Dejarla presentable, con muestras de trabajo, ir colgando posts y demás, etc.
Y como he encontrado bastantes cosas interesantes para aprender (métodos de trabajo, frameworks, buenas prácticas y demás) las iré comentando también conforme las digiero.
