CSS

Descubrí la existencia de CSS Barcelona por la entrevista que le hicieron hace poquito a María de La Fábrica Verde y me la he guardado para revisar con más calma.

Me he enterado ahora que también tienen entrevistas a Míster Sutilo o a Torres Buriel. No negaré que las entrevistas a gente del sector siempre me han fascinado porque te ayudan a entender el lado humano de la profesión.

Sirva esto como recomendación para agregar CSS Barcelona en nuestros marcadores favoritos ya sea por las entrevistas y contenidos del blog o por el servicio de galería CSS que también ofrecen y en el cual podemos subir nuestros trabajos web. Asi que ale, todos “pa’dentro”

CSS Barcelona

Ahora que ya es oficial el anuncio por parte de Adobe de su opción como editor de animaciones basadas en el nuevo estándar HTML y propiedades CSS3, Adobe EDGE (nombre que por cierto comparte con su más que recomendable Newsletter Edge [en]), me gustaría reseñar rápidamente Sencha Animator.

Viene a ser una herramienta que nos permite también trabajar en una especie de “línea de tiempo” y realizar animaciones de una manera mucho más intuitiva que si picamos el código directamente. A los que habéis animado en Flash y programas similares seguro que la tarea se os hace más llevadera ¿He dicho que es gratis? Bueno, hace falta registrarse para tener un nombre de usuario pero creo que para trastear merece la pena.

Sencha Animator [en]

Francisco nos recomienda que le echemos un vistazo a HTML5 Boilerplate donde se nos da la oportunidad de descargar unas plantillas de documento web bien preparaditas y organizadas para no perder ni un detalle.

Su autor, míster Paul Irish [en] nos asegura que están basadas en todo el tiempo que lleva trabajando en el mundillo del desarrollo web y que ha intentado optimizar los archivos de la mejor manera posible. Viendo todo el trabajo de este hombre, seguro que más de uno agradecerá que comparta esta información.

HTML5 Boilerplate [en]

Descubro gracias @pumpkin el excelente trabajo de Louis Harboe en esto de hacer iconitos. Algunos tienen un nivel de detalle muy trabajado. Especial mención se merece el trabajo que le debe haber llevado iOS icons made in pure CSS [en], o lo que es lo mismo, hacerse los iconos del sistema operativo de iPhone sin imágenes. Necesitaréis un navegador con motor Webkit (dice que lo ha probado en Safari 5 y Chrome).

Graphicpeel [en]

Hace mucho, muchísimo que no ponía nada de diseños gratuitos html y me he encontrado en DevSnippets [en] un buen puñado de ellos que convendría guardarse para un apuro o algún proyecto rápido personal en el que estés trabajando. Linkito a continuación.

20 Free high quality xhtml templates [en]

Reconozco que cuando me puse a montar mi primer tema de Wordpress desde cero no las tenía todas conmigo. Soy un manazas con el código y eso no lo arregla nadie. Pero con un poco de sentido común, cabezonería y un building custom wordpress theme [en] se arregla todo.

Ahora, desde Tablosign, me he ido hasta Whiteboard que ofrece la descarga de una plantilla bastante limpita de Wordpress que podemos emplear como base para nuestros desarrollos basados en esta plataforma. Toda ayuda es bien recibida.

Whiteboard [en]

A estas alturas nos sonará a muchos (al menos un poco) Typekit, ese sistema que nos permite usar fuentes “no estándar” en nuestros proyectos web.

Hoy me he encontrado por pura casualidad con Web fonts que parece ser si no me equivoco un sistema similar. No se usa Flash como sIFR ni canvas como Cufon sino que emplea @font-face. Si os interesa este tiempo de opción, siempre es bueno saber que hay más alternativas.

Aprovechad la visita para trastear con cositas como Dancewriter o History Mixer dentro de la sección Utilities.

:: Typotheque web fonts [en] ::

De entre los chorrocientos listados de recursos que salen al día, siempre tendrá que haber algo potable, ¿verdad? Pues ale, uno con unos cuantos sites generadores de código, demos, plantillas y bla, bla, bla… Ideal para los que gustan de marujear sin saber mucho dónde se meten.

:: 22 Handy HTML5 & CSS3 Tools, Resources And Guides [en] :: (Vía CSS Globe [en])

En breve quedarán almacenados 4500 posts aquí. Un buen puñado. Y de todos ellos, uno de mis favoritos es este de recursos de usabilidad y patrones web. Quizá si lo hubiese escrito hoy, CSSBake formase parte de todos los linkitos que hay ahí dentro.

Porque lo bueno de este showcase es que es de esos que despiezan las webs que encuentran para quedarse con sus detallitos de calidad. Que si el footer, que si el estilizado de la página de error…

Particularmente considero mucho más útil estas pequeñas píldoras visuales a la hora de encontrar ayuda. Un poquito de aquí, otro poquito de allí… Todos tenemos nuestros recursos y estructuras que funcionan, pero viendo cómo lo hacen los demás uno siempre se encuentra cosas novedosas.

:: CSSBake [en] :: (Vía Pedro Puig)

No, suena a concurso pero no lo es. Se trata realmente de la penúltima hasta la fecha galería recopilatoria de diseños CSS con la novedad de que esta vez hay un jurado semipermanente que es el que pone las notas a los trabajos subidos. Aunque sí que existe la posiblidad del voto popular claro.

El propósito de estos premios es valorar el diseño, la creatividad y el esfuerzo de los diseñadores, estudios y agencias web de todo el mundo. Para ello nuestro sistema además de otorgarle el premio a “Site of the day” o “Site of the month” recibe otros premios en metálico o en equipamiento tecnológico, y lo más importante, promocionamos tu website por toda la red, enviandola a nuestra red de blogs colaboradores, directorios y foros de carácter internacional y realacionados con el diseño y la creatividad web.

Otro punto extra es que a nivel diseñil está bien cuidada, muy de mi gusto. A ver si es del tuyo y de paso te animas a subir algo! Y acuérdate que para esa tarea igual te ayuda MeeCSS :)

:: The CSS Awards [en] ::