lista de framewoks css3 en github. Es impresionante el avance que se ha producido en este último año. Organizar y desarrollar el CSS de un proyecto web es una de las tareas que lleva más tiempo y que merece la pena hacer bien desde el principio. En esta lista, que se va actualizando en tiempo real en github, se indica la licencia, si es responsive o no y la url del proyecto. Por supuesto están algunos de mis favoritos como twitter bootstrap o boilerplate. Por otro lado me encanta los otros usos de github aparte del tradicional de mantener versiones de código. Yo he empezado a utilizarla incluso para configuraciones que uso a menudo y que ya copio de servidor en servidor si no simplemente hago un git clone al principio y cada vez que la modifico hago un git pull en los servidores/ordenadores. ]]>
febrero 28, 2013
agosto 4, 2010
Como usar CSS3 para cambiar dinámicamente tus diseños web
<link rel=»stylesheet» media=»all and (max-device-width: 480px)» href=»iphone.css»> <link rel=»stylesheet» media=»all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)» href=»ipad-portrait.css»> <link rel=»stylesheet» media=»all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)» href=»ipad-landscape.css»> <link rel=»stylesheet» media=»all and (min-device-width: 1025px)» href=»ipad-landscape.css»> para aplicar hojas distintas dependiendo de la anchura. O este que es unos de mis favoritos para el iPhone4 y en general para cualquier dispositivo que tiene mucha resolución:
<link
rel="stylesheet"
type="text/css"
href="/css/retina.css"
media="only screen and (-webkit-min-device-pixel-ratio: 2)" />