Problema: a través de CSS, necesitaba entregar estilos al primer hijo de un elemento sin afectar la herencia (nietos y más allá); sólo necesito darle estilo al hijo directo de un selector. Además: debiera ser genérico, sin restringirse al tipo de selector hijo que exista. Pueden ser , , , etc. Y por último: que utilizara sólo CSS, nada de JavaScript. Solución: después de mucho pensar y debatir en Twitter, dí con una una elegante solución que me satisfizo completamente.

Me entretengo mucho inventando proyectos donde pueda aplicar CSS3 a destajo sin importarme un carajo las limitaciones de los browsers. Buscando una solución elegante para aplicar el mismo efecto reflejo que tan fácil es hacer en Photoshop, pero con CSS3, lo que quería realizar era el reflejo de un elemento HTML; no un transform: rotate(180deg); sino un reflejo espejo del mismo. Flip horizontal: -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "

Con iOS6 se agregaron en Safari Mobile varias novedades que ya existían desde Android Browser 3.0, pero las que me gustaría destacar en este articulo: File upload () con el que ahora puedes agregar submit de imágenes que tengas en dispositivo y acceso a la cámara del mismo:

«Buscamos al mejor programador: PHP (MVC), RoR, AS3 (OOP), JS y librerías, HTML5, CSS3, API rest, MySQL, SQLServer. Nociones de Photoshop un plus.» Hola, yo sé PHP y he trabajado con CodeIgniter y Yii. Sé Ruby, he trabajado con Node.js, Backbone y Angular JS, también domino jQuery, puedo hacer juegos en y Impact JS como motor, incluso hice mi Hola Mundo en three.js; conozco la API de Facebook y Twitter aunque las odio.

Situación: tenemos un menú con N elementos, los cuales se van activando (opacity: 1) a medida que el mouse pasa sobre cada uno, mientras el resto de los elementos permanecen inactivos (opacity: 0.5). Un efecto simple que se puede realizar tranquilamente con CSS y la caída estrepitosa de IE6.

Este es un bug molesto, donde a partir de algunas tipografías (generalmente de palo seco y delgadas) tienen un pobre renderizado en Chrome en Windows. Buscando una solución me deparo con 4 diferentes; finalmente solo la solución 2 me resulta efectiva pero las dejo todas ya que puede variar con el tipo de tipografía y las propiedades que tenga el texto con problemas:

Leo todo el día, y es así que trato de estar al tanto de lo que sucede en el mundo web. Tengo muchos feeds que me alimentan de información, principalmente relacionados con diseño, desarrollo, interacción y usabilidad. Por la mañana tengo los RSS llenos de información, con lo que ha salido de nuevo mientras en mi zona horaria se duerme. La actividad no para, hay nuevos recursos desde Asia y Europa, y cuando comienza mi actividad en otros lugares ya están terminando y no puedo perderme esa información. Todo esto sumado a las cuentas de Twitter que constantemente reviso con ejemplos y prototipos que diseñadores y desarrolladores están siempre creando y generosamente compartiendo. En este artículo quiero compartir algunos de esos feeds RSS y algunas cuentas de Twitter que me mantienen al día en varios de los temas de mi interés.

Érase una vez una tímida propiedad CSS que pocos conocen y nadie usa, pero que es muy beneficiosa cuando tratamos con textos.

Tonteando con una idea que tuve de un bookmarklet (una analogía gráfica que contamina visualmente un sitio web de la misma manera en que estamos contaminados quienes vivimos en grandes ciudades), tuve una epifanía y pude resolverla. La idea es crear una capa sobre todo el contenido del sitio: un posicionado fijo, ancho y alto 100% y con un gradiente de color smog a transparente.

Con CSS3 el soporte a múltiple background nos permite ser mucho más creativos al momento de solucionar problemas de estilos, cuando antes sólo dependíamos de crear y anidar etiquetas y cortar esos gif’s y png’s que tanto nos han atormentado. La sintaxis para fondos múltiples es bastante intuitiva: