orain: teaser from debolex films on Vimeo.

Sí, ya lo han citado tanto LoveOf74 como el propio Miguel García en sus respectivos blogs. Y nosotros también diremos alto y claro que necesitamos trabajos bellos y potentes como Orain en nuestra tele. Hay muchas razones para pedirlo. Entre otras podríamos citar:

• Porque seguir por esta vía permite sacar a la luz la rica y variopinta escena local a detalle.
• Porque le da aunque sea un breve espacio a todos aquellos que en este pequeño pueblo hacen algo en el mundo del arte, la música, la creatividad o mueve el culo con algo de fundamento. De este modo, les ofrece la posibilidad de dar a conocer sus puntos de vista y actividad.
• Porque con un poquito más de esfuerzo se puede convertir en el formato idóndeo como altavoz al mundo si, por ejemplo, se traducen al inglés las entrevistas con simples subtítulos (CC-closed captions).
• Porque demuestra una vez más que no se requiere de grandes presupuestos para crear un contenido digno y cercano.
• Porque ya a estas alturas y en muy poco tiempo han preparado una serie de vídeos considerable demotrando rapidez de ejecución. Y porque el resultado es ligero, ágil y fácil de consumir.
• Porque es un formato que corretea rápido por la red gracias a las redes sociales, entre otras cosas. Tenemos otro claro ejemplo de esto: Nickdutnik. Los amigos de Factoría Crossmedia lo están bordando con este último programa, al igual que Debolex lo está haciendo con Orain.

Aprovecharemos una vez más para agradecer este bonito trabajo que está desarrollando Debolex junto con ETB. Aupa zuek!.

Del mismo modo, le hacemos una clara petición a ETB: continuad con el proyecto Orain. Aquí y ahora, Orain.

Qué tal si simplemente recopilamos lo que ya se lleva guardando en nuestros marcadores en los últimos tiempos y lo compartimos para ver si así al menos nos obligamos a probar no sólo el CSS3 sino también el HTML5…

A buen seguro muchos de vosotros ya tenéis los recursos que citaré. A mí al menos me viene bien quedarme con una pequeña selección de ellos que son de consulta común. Espero que os sirva.

Tutoriales:

• Coding A HTML(link) 5 Layout From Scratch
• Yes, You Can Use HTML(link) 5 Today! de Sitepoint
• Dive into HTML5
• HTML5 Tutorial
• HTML5 Doctor

Cheatsheets:

• Cheatsheet de Antonio Lupetti de Woork (y otra suya)
• HTML5 Canvas Cheatsheet
• HTML5 Pocket Book
• Smashing Magazine (PDF, 76 kbytes.)

Glosario:

• HTML5 Glossary

Demos:

• HTML5 Demos
• HTML5* Web Development to the next level

Validadores:

• W3C Markuk Validation Service (el de siempre)
• HTML5 Validator
• HTML5 & CSS3 browser support

Soporte de navegadores:

• Modernizr
• iks-html5: Fixes the display and behavior of browsers when served HTML(link) 5
• HTML5 enabling script

Nomenclatura de ID y clases en CSS:

• HTML5 id/class names
• Preparándote para HTML5 mediante clases semánticas de Jon Tan

Varios:

• HTML5 Reset Stylesheet
• 52Framework, un framework que usa HTML5 y CSS3

Galería de sitios web realizados con HTML5:

• HTML5 Gallery | A showcase of sites using HTML5 markup
• HTML5 Sites
• 101 Best HTML5 Sites

NOTA: Este post puede irse reeditando según vaya encontrando artículos interesantes.

@font-face ya en marcha

Hasta ahora empleábamos técnicas como sIFR, Cufón (últimamente) u otras similares para representar tipografías que no eran del sistema operativo. Todas con su ‘puntito’ de complejidad y alguna de ellas llena de bugs de todo tipo.

Pero ahora algunos diseñadores han comenzado a aprovechar la propiedad @font-face de CSS3. Craig Mood y la gente de Nice Web Type son un buen ejemplo de esto. Firefox 3.5 ha sido. Se acaba de abrir una puerta muy interesante, una vez más, cuando previamente ya se han hecho varias intentonas.

Y como ejemplo, las interesantes demos que han creado la gente de Nice Web Type con las fuentes Museo y Graublau. Echadle un ojo, si no lo habéis hecho ya.

¿Y qué más hay sobre @font-face?

Han surgido varias iniciativas relacionadas con las posibilidades qu ofrece @font-face. Veamos:

• Typekit: un sistema que te facilita y aloja fuentes que soportan @font-face.
  
  • Simple. Ellos alojan las fuentes que soportan @font-face, las enlazas y ¡alehop!. Están acordando las licencias con las fundiciones tipográficas.
  • Este sistema es uno de los que más ruido ha sacado en la red, pero hay otros que también están en desarrollo: Typotheque, Fontdeck (creado por Clearleft), Kernest, etc.
  • Están preparando el sistema y por ahora podemos seguir sus devenires mediante su blog o su cuenta de Twitter.
• Open Font Library: es una librería de fuentes gratuitas y que soportan @font-face.
  
  • Puedes enlazar las fuentes directamente mediante @font-face (como en el anterior caso) o bajarlas en formato .otf (Open Type). ¿La diferencia? Que son gratuitas.
  • Emplean la licencia Open Font License.
  • Puedes descargar, compartir o remezclar las fuentes como si fueras un DJ Tipográfico. ¿Interesante, no?
  • Pocas fuentes por el momento, pero parece interesante.
• Webfonts: licencias, formatos, historia y noticias sobre las ‘web fonts’.
  • ¿Podemos colgar en nuestro servidor fuentes comerciales para usarlas con @font-face? ¿A disposición de cualquiera? ¿Qué dicen los tipógrafos y fundiciones a este respecto? Muchas preguntas ante este nuevo panorama. Este es el mejor lugar para resover tales preguntas.
  • Listado de tipografías que pueden usarse sin problemas ahora mismo mediante @font-face. (fijaros en la diversa cantidad de licencias)
  • Fundiciones tipográficas que permiten emplear fuentes usando @font-face.
  • Soporte de @font-face por parte de los navegadores
  • Ejemplos
  • etc.

Ya nos iremos sumergiendo en charletas sobre estos temas.

Bienvenidos a nuestro hogar. ¡Buen provecho!