Íconos y pantallas iPhone/iPad
Leer
Para un proyecto espontáneo que se me ocurrió hacer, utilicé los íconos y pantallas que recomienda Apple para todos los sitios que requieran ser visualizados en sus teléfonos y tabletas. En mis tiempos mozos, cuando comencé a jugar con web móvil sólo existía 1 tamaño y 1 resolución. Años han pasado y a continuación está [...]
➜IE v/s console
¿Cansado de soportar IE? Te entiendo, pero aún hay clientes que piden que sus proyectos se vean en estos browsers antiguos. Frustraciones aparte, cuando escribes Javascript y usas console.log() para debuggear tu código en la consola del browser, es usual que éstas funcionalidades se quiebren en IE8-.
➜Giveaway Books
Leer
Sorteo realizado, los libros fueron enviados por correo. Espero sean aprovechados. Gracias por interesarse, apenas tenga más leídos los vuelvo a distribuir. Pantone Web ColorEdgar Méndez, México The Psychology Of…Pato Mas, Chile No Me Hagas PensarLeticia Chamorro, Paraguay [ES] Tengo unos libros que acumulan polvo y seguro será más útil a otras personas que a [...]
➜¿Qué no es HTML5?
Leer
Es un acrónimo ya muy utilizado y, la mayoría de las veces, mal denominado. Conocemos lo que es, trabajamos con él a diario, pero hay mucha gente que aún no conoce el real significado y por ende, sus limitaciones y alcances.
➜Review: CSS Hat
Codear HTML/CSS es una tarea cada vez más requerida, y más exigente debido a lo rápido que avanza la tecnología web (gracias al aporte de muchos contribuidores anónimos, y al silent upgrade de los browsers entre otros factores). Por esto se agradece cuando llega una herramienta que nos facilite la vida y mantenga nuestro trabajo [...]
➜Reemplazar el texto pero mantener el elemento hermano con jQuery
Leer
Problema: WordPress imprime un código HTML con el siguiente formato y necesito modificar sólo el texto, manteniendo el checkbox:
➜Movimiento del browser al arrastrar en móviles
Leer
Este es un comportamiento por defecto de los browsers para móviles, el cual al hacer algún tipo de arrastre extremo dentro del <body> (me refiero del extremo superior al inferior principalmente, ó si está en landscape de derecha a izquierda y viceversa) éste se mueve levemente con un efecto resorte, lo que eventualmente puede llegar [...]
➜Review: REWORK
REWORK muestra de los orígenes de 37Signals de palabras de sus mismos fundadores. Esta empresa-notstartup estadounidense se hizo famosa mundialmente por su producto Basecamp utilizada por el 90% de las agencias y empresas orientadas a la web alrededor del mundo y por Rails, el framework favorito de quienes adoran Ruby.
➜Layout Responsive / Adaptativo / Flexible
Leer
Nuevos conceptos pero no tan nuevas técnicas. La moda del diseño/desarrollo responsive hace necesaria una aclaración de algunas definiciones. Y qué mejor que hacerlo con un ejemplo utilizando las mismas técnicas descritas, para que puedan bucear por el código fuente.
➜El evento onPaste
Leer
Eventualmente podrías tener un <textarea> donde permitas al usuario pegar lo que tiene guardado en su clipboard. Quizás deseas impedir al usuario pegar contenido en un campo de formulario, por ejemplo, en uno de password. Para ambos casos existe un evento denominado onPaste.
➜Deshabilitar el autocomplete
Leer
Los browsers crearon mejoras para que nosotros mortales podamos hacer tareas comunes de manera más fácil y fluída; es así como se creó el autocomplete de los campos de formularios, donde si ya has ingresado cierto dato en un <input> con un name respectivo y después en otro formulario con el mismo name el browser [...]
➜jQuery dayTimr
Leer
Toma y utiliza la hora del día actual del usuario para hacier cualquier cosa inyectando una clase CSS. Sólo eso. ¡Funciona hasta en IE! Get and uses the user’s current time of the day to do anything and injects a CSS class. Just that. Works in IE too!
➜Diseñando con CSS3: micro-curso y slides
Hace meses que tengo la idea de generar varios micro-cursos, donde en no más de 30 minutos expongo varias ideas puntuales sobre temas orientados al desarrollo web. En esta ocasión les traigo el primero de ellos: Diseñando con CSS3, donde muestro y demuestro mis argumentos para el diseño web orientado al CSS3.
➜Alcanzar el primer hijo de un selector pero no su descendencia
Leer
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 <li>, <p>, <span>, etc. Y por último: que [...]
➜Reflejo horizontal y vertical con CSS3
Leer
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); [...]
➜Acceso a la cámara con móviles
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 (<input type="file">) con el que ahora puedes agregar submit de imágenes que tengas en dispositivo y acceso a la cámara del mismo:
➜Consecuencia
Leer
“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 <canvas> y Impact JS [...]
➜FadeIn/Out en menú con CSS
Leer
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.
➜@font-face y renderizado de texto en Chrome Windows
Leer
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 [...]
➜Mis Feeds
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 [...]
➜Mejor renderizado para textos
Leer
Érase una vez una tímida propiedad CSS que pocos conocen y nadie usa, pero que es muy beneficiosa cuando tratamos con textos.
➜