Girando una lata de refresco con CSS
Román Cortés presenta un nuevo ejemplo de uso de CSS con el que simula la rotación de una lata de refresco.
Si te gusta el desarrollo web y el CSS no te puedes perder los ejemplos de este blog personal.
#grid: una rejilla dinámica para desarrollo web
#grid es una pequeña herramienta que te ayudará a la hora de realizar la maquetación de tus webs. Usando JavaScript y CSS el grid se puede activar u ocultar dinámicamente con una combinación de teclas:
Vía: WebResources
Nueva página de actividad en Tumblr
Tumblr acaba de lanzar una nueva página dentro del panel de administración de los usuarios denominada Activity.
En esta página encontraremos información detallada sobre el número de entradas publicadas, seguidores, posts marcados como favoritos… y estadísticas sobre el tipo de contenido que solemos publicar. Además incluye un ranking en el que se nos muestra la posición de nuestro tumblr tanto a nivel nacional como global.
La gente de Tumblr cuida mucho sus diseños web y en este caso no podía ser menos. Los cifras principales que se nos muestran a un estilo a lo flipclock en un panel superior, la tumblarity con un efecto de reflejo o las gráficas generadas mediante Google Chart perfectamente integradas son puntos que me han llamado la atención y que seguro que servirán para futuros desarrollos.
Botones a la Google con jQuery y CSS
jQuery imageless buttons a la Google es una implementación de los botones recientemente usados por Google para sus servicios Gmail, Google Reader… y que ofrecen una apariencia estandar a la web independientemente del navegador que el usuario esté utilizando.
Con este método podremos usar botones, checkboxes, listas de selección… para nuestros formularios con el mismo estilo visual y sin utilizar ninguna imagen, simplemente CSS.
Compatible con la mayoría de los navegadores actuales.
Social Bookmarking Menu
En la web Eight7Teen podemos encontrar una buena forma de preparar un menú con los botones de marcadores sociales más habituales para integrar en nuestro tema de WordPress.
Basado en esta idea original en la que podeis encontrar todo el código HTML y CSS necesario, el menú muestra los iconos de las redes sociales ocultos parcialmente que se muestran al situar el ratón sobre cada uno de ellos.
No sería una mala idea pedirle permiso al autor para crear un plugin para WordPress integrando este sistema…
The Woork Handbook
The Woork Handbook es un ebook gratuíto realizado por Antonio Lupetti y que recoge algunos de los artículos publicados durante el año 2008 en su estupendo blog personal woork, orientado al desarrollo web.
En esta primera versión, la 0.1 del libro, nos ofrece una introducción a la programación en HTML, CSS, Javascript y frameworks como Mootools o Scriptaculous, AJAX y demás temas relacionados.
Una guía estupenda para todos aquellos que quieran iniciarse en la programación web.
Vía: intenta
Free CSS Toolbox
Si eres desarrollador web o simplemente trasteas de vez en cuando con el archivo de hoja de estilo [CSS] de tu blog, es posible que estés interesado en probar Free CSS Toolbox.
Esta aplicación gratuíta te permite editar tus archivos de una forma más cómoda, proponiendo declaraciones, formateo del código, un inspector automáticamente de sintaxis para remarcar errores o la ratificación automática del código por la página web del W3C. También posee una herramienta para comprimir el código final y así hacer más liviano el archivo.
Una utilidad muy ligera y completamente gratuíta (lástima que no sea software libre) que está disponible para sistemas operativos Windows; aunque en mi caso funciona perfectamente bajo Wine en el Ubuntu.
Ejemplos para Desarrollo Web en el iPhone
Si estás pensado en realizar un desarrollo web orientado al iPhone, en la web groupaware.mobi encontrarás todos los ejemplos necesarios para crear listas, botones, ventanas, animaciones, debugging, campos de texto, integración con las aplicaciones del terminal… usando los identificadores necesarios para que el teléfono les aplique ese estilo tan atractivo.
Universal iPhone UI Kit
Universal iPhone UI Kit es un framework desarrollado por Diego Martín Lafuente [conocido en la red como minid] que facilita el desarrollo de aplicaciones web para el iPhone y iPod Touch.
La idea es que todos los posibles desarrollos se basen en los mismos patrones de diseño, es decir, que compartan la misma nomenclatura HTML, que usen las mismas hojas de estilos… facilitando la labor al programador y ofreciendo nuevas mejoras de forma estándar.
Teneis información más extensa en la entrada del proyecto en la web de minid, el framework subido a Google Code con licencia GPL v3 y una demostración del mismo online.
Gracias a Diego por realizar este framework y compartirlo con los que nos gusta esto de la programación web 
Vía: Applesfera
3er CSS Naked Day
Hoy 9 de Abril de 2008 se celebra el 3er CSS Naked Day, es decir, eliminar los archivos de estilos [CSS] de nuestras webs para ver simplemente el contenido, que se supone que es lo importante de una página.
Para participar elimina o comenta la llamada a tus archivos CSS en la cabecera de tu página. Opcionalmente puedes añadir el texto:
¿Que ha pasado con el diseño?
Para conocer más acerca de por que están deshabilitados los estilos de esta página, visita
Annual CSS Naked Day.
1 2