CSS

Comenzando a ver cada vez más ’sitios HTML5′ espectaculares… que hacen que un ordenador de gama media se arrastre como con el peor Flash :-S

Esta cita es un twitteo de César Córcoles que leí gracias a elecash. Y no puedo estar más de acuerdo. Porque por lo mismo que se demonizaba el uso de flash parece que curiosamente también está pasando con HTML5, javascript y CSS a saco. A ver si al final va a ser que no es la tecnología sino el usuario con su uso el que va a tener la culpa…

En fin, al grano. HTML5 please me parece un acierto realmente destacable en forma de página web en la que se nos sugieren, recomiendan o comentan algunas de las características disponibles a día de hoy en la variedad de navegadores existentes. Qué compatibilidad ofrecen, si es mejor optar por ofrecer retrocompatibilidad… Una chuleta a la que echarle un vistazo al menos un par de veces. Y fijaos que de regalo y si no la conocíais también crearon CSS3 Please!.

HTML5 Please [en] + CSS3 Please! [en]

Creo que os he mencionado que últimamente me lo paso en grande buceando por Slideshare [en], ese rinconcito donde subir presentaciones y documentos y donde terminan subiéndose gran cantidad de datos de lo más variopinto.

Es por eso que me dedico a buscar documentación sobre Fireworks o diseño y me encuentro material bastante potable (os dejaba hace poco el enlace a Aprende a diseñar (un poco) en 13 minutos y ahora os dejo por ejemplo Controlling Web Typography [en].

En un principio puede parecer información totalmente descontextualizada pues suelen ser en su mayoría diapositivas que sirven de base en una charla o un taller. Pero si lo miramos por otro lado, nos deshacemos del envoltorio para quedarnos simplemente con los puntos fuertes o destacables (sin desmerecer en absoluto la charla relacionada por supuesto!). Y es que muchas veces me encuentro con artículos muy buenos pero de una densidad que no me permite una cómoda lectura con el tiempo del que dispongo. Y a estas pequeñas pildoritas les encuentro hueco fácilmente :)

La última que he encontrado (y que enlacé también en el pajarito) se titula Pragmatic responsive design y araña la superficie de lo que se nos viene encima con el diseño multidispositivo o conceptos como el enriquecimiento progresivo [en]. Buff, podría estar horas leyendo sobre esto. Ahí os va el linkito!

Pragmatic responsive design [en]

Hace no mucho Adobe lanzaba Wallaby [en] un mejunje especial en el que por un lado metías contenido en formato flash y por el otro te lo servía transformado en html5. Evidentemente hay que ser muy creyente para esperar que de esta utilidad saliese algo decente, más aún cuando se trata de algo totalmente experimental. Pero bueno, al menos ahí queda el detalle.

Ahora por fin ya está disponible una versión (preliminar) de Adobe EDGE, su particular programa para la creación y edición de formato animado empleando para ello características HTML5, CSS3 y javascript.

Su interfaz os recordará a la que Adobe emplea en otros programas en los que la línea de tiempo juega un papel esencial: Premiere o After Effects por ejemplo. De este modo se intenta facilitar al usuario la adaptabilidad a un nuevo programa. La realidad es que es bien sencillo ponerse a trabajar con el programa y ofrecen ejemplos con los que trastear. Está claro que si ya existían aplicaciones de este tipo (véase Sencha o Ceaser) Adobe no podía quedarse atrás en este aspecto.

Y bueno, con la llegada de Adobe EDGE ha vuelto a salir el tema de siempre: que si Flash se muere, que si Adobe se ha bajado los pantalones y bla bla bla… Hay muchos artículos y muchos tests sobre el asunto y no le veo interés sacarlos nuevamente. Pero Flash sigue teniendo cuerda para rato y estoy cansado de repetirlo. Está claro que no se puede hacer cambiar de opinión a gente que NO sabe de lo que habla. Flash NO son banners cutres. Flash NO son intros cutres. Flash NO es youtube…

Adobe EDGE [en]

Me pega el toque Antonio para comentarme que ha estado preparando en Cristalab un curso gratuito en nuestro idioma para que nos iniciemos en el mundo de las hojas de estilo en su tercera revisión.

Como estamos siempre acostumbrados a tirar de material en inglés pues seguro que más de uno agradecerá algo de chicha en el idioma de Cervantes. Está todo estructurado en diferentes capítulos y es información realmente valiosa para los que queráis empezar a toquetear un poco :)

Curso CSS3

Aunque ya lleva tiempo entre nosotros, el uso de font-face a nivel particular no lo he tocado demasiado.

Buscando información me encontré con una presentación de Jay Barry que explica muy bien todo este asunto y da una serie de consejos y trucos para su mejor implementación. Ahí os va.

Practical steps for using @font-face in your websites now [en]

CatsWhoCode no es una web de diseño sino que se enfoca claramente a la parte de desarrollo y código. La pongo porque la leo desde hace bastante y me parece bastante útil a pesar de que sea de esas webs que parece que sólo saben hacer recopilatorios…

Encontraréis artículos bastante potables (en función de vuestro conocimiento claro) como 10 super useful PHP snippets [en] o los chorrocientos que dedica a Wordpress.

CatsWhoCode [en]

Hace no mucho dejaba unos enlaces que nos ayudaban a crear animaciones con CSS y tenían muy buena pinta. Hoy me traigo gracias a un par de tweets de Pumpkin y Marcio Barrios, dos linkitos para juguetear con el uso de las propiedades de degradados mediante CSS.

Por un lado, desde Microsoft, CSS Gradient Background Maker [en] donde el nombre lo dice todo y por otro CSS gradients, please! [en] donde también hay pruebas interesantes como CSS3 Patterns [en].

Nano en Twitter colgaba un valioso recurso para los que sólo sabemos hacer la o con un canuto en términos de programación. Free jQuery & CSS templates tiene como título la web y ofrece descargas gratuitas de plantillas bastante resultonas, funcionalmente hablando. Que si una con el footer pegado siempre abajo, que si otra con la navegación siempre visible… Esas cosas que para los que ya estáis puestos os resultan super fáciles de hacer pero que pueden conseguir que especímenes como yo pidan ayuda a seres divinos. Por lo tanto, bienvenidos sean!

Free jQuery & CSS templates [en]

Después de traerme en su momento Sencha Animator, hoy y gracias a Pumpkin descubro otro recurso similar que os puede ser de utilidad para facilitar la tarea de crear animaciones con CSS de la misma manera que son (creo) de muchísima ayuda las tweenlibrary en Flash. Echadle un ojo y trastead.

Ceaser, CSS Easing Animation Tool [en]

Este año tengo dos frentes abiertos en los que me gustaría meter la pezuña. Uno de ellos es marcar de cerca el asunto DPI para tenerlo bajo control y estar al tanto de lo que se cuece. En cualquier momento aparece un monitor de alta densidad y puede empezar la fiesta. Pero hasta la fecha parece que lo tengo controlado.

El otro es el ponerme de una vez por todas a ir probando cosas de HTML5 y CSS3. Se ven cosas verdaderamente resultonas como Youzee (aunque la culpa son esos sujetos que se dedican a hacer iconos-ilustraciones tan chulas) y no parece ser muy complicado. Además podemos ayudarnos de aplicaciones como Sencha, ¿no?

Total, que estoy buscando libritos que oler leer y tenía guardados los de A Book Apart. Parecen ser un buen punto de inicio (nada que entre en demasiado detalle) y os quería dejar el enlace y preguntar si en la sala alguno se los ha leído.

A Book Apart [en]

Nota mental: Recordad que en Rosenfeld [en] también hay material con muy buena pinta. Guardad vuestras carteras o ateneos a las consecuencias!