bloc@niorcs.com:~$

Ahir es va celebrar l’Adobe Max 2010, on la novetat a la que poder li he parat més atenció es a la presentació d’aquest Flash-2-HTML5 conversion tool.

L’objectiu és molt senzill, passar la vostra animació Flash, ActionScript o el que sigui (no se com li’n dieu) a un format compatible amb el nou HTML5, els d’Adobe s’han vist forçats a presentar una eina com aquesta, doncs terminals nous com el iPad els hi han donat guerra (cas). En aquest sentit crec que pot ser molt còmode per als dissenyadors, que treballen en Flash, la possibilitat d’exportar fàcilment la seva feina, i incrustar-la al web.

Però ull, qualsevol pot pensar ostres, Adobe ha creat una eina que ens converteix el Flash, a una animació en Theora (ogv), o VP8 o fins i tot a h264.

Doncs no, en el vídeo mostrat, sembla més un merder de codi entre xHTML, Javascript (jQuery), imatges en SVG i CSS3.

Amb el senzill que seria obtenir una animació en un format de vídeo lliure suportat per HTML5 i jugar amb la etiqueta video

Veiem quines conseqüències ens porta això.

Que el xat de facebook utilitzava tecnologia XMPP ja era sabut, i s’havien creat plugins per a aplicacions d’escriptori que permetien portar el Facebook Chat al nostre escriptori, però dimecres donaven el gran salt oficialment.

Potser però alguns amb les preses no hem parat atenció a tots els detalls per configurar els nostres clients. Aquí us explicaré com configurar-lo en Pidgin (serveix per Empathy) sota Ubuntu Karmic 9.10 (no te importància el sistema operatiu, però és on ho he provat, i funciona).

La configuració del compte és molt simple:
(També podeu trobar la informació a l’ajuda del Facebook: http://www.facebook.com/#!/help.php?page=824)

Opcions bàsiques
Protocol: XMPP
Usuari: usuari facebook
Domini: chat.facebook.com
Recurs: No té importància (per exemple: Pidgin)
Contrassenya: Contrassenya de Facebook
Local alias: No té importància (per exemple: Facebook Chat)

Avançat:
Requereix SSL/TLS (desmarcat)
Força l’antic port SSL (5223) (desmarcat)
Port: 5222
Servidor al qual connectar-se: chat.facebook.com

Un cop configurat això anem a: http://www.facebook.com/sitetour/chat.php

Us demanarà seleccionar el client, re-connecteu a la web, i connecteu via pidgin i no tindreu cap problema

Us deixo dues imatges, per aclarir-ho

Tinc un problema i es que la majoria de cops no em dona per llegir, tot el que hauria i deixo les coses a mitges. Recentment he tingut un encàrrec d’una plana web i vaig decidir tirar una mica de css3, així començava a experimentar una mica amb ell i em preparava per la seva arribada (jo m’hi preparo, no se si els navegadors faran el mateix …)

Recordava que una de les novetats era la d’incrustar tipografies allotjades al mateix amb l’ordre @font-face i vaig decidir provar-la seguint els exemples que havia trobat per css3.info. Vaig provar-ho amb uns tipus de lletra OpenType, extensió .otf i ho vaig provar amb diferents navegadors, fins descobrir que Firefox 3.5.* ho suportava igual que el Opera 10.* i el Safari 4, evidentment Internet Explorer no.

Vaig deixar-ho una mica a mitges fins que ahir, actualitzant el blogroll em topo amb l’adreça antiga d’ Esbudellant Estàndards, i decideixo cercar la nova per actualitzar-la i, com caigut del cel, l’entrada més recent parla del @font-face.

Sembla ser que problema no és pas que la “majoria” de navegadors no suportin la regla @font-face, el que no suporten és segons quin tipus de lletra.

Per exemple, jo feia ús de la sintaxi més bàsica

@font-face { font-family: Qlassik; src: url('fonts/Qlassik_TB.otf') }

Com us comentava, al tractar-se d’un format OpenTypeen l’article de n’Artnau seria únicament compatible amb Firefox 3.5+, Safari 3.1+ i Opera 10+.

Que fem doncs amb navegadors com Internet Explorer o Chrome?
El mateix n’Artnau ens dona la solució, en el quadre trobem que per exemple Chrome, només suporta tipus SVG Font a partir de la versió 0.3 i TrueType a partir de Chrome 2.0 (cal dir que per defecte esta inhabilitat).

En el cas del Internet Explorer, a partir del Internet Explorer 6 dona suport a Embedded OpenType, extensió .eot

Així doncs, mentrestant els navegadors vagin al seu rotllo, i facin el que els hi roti, haurem d’incrustar diferents tipografies per satisfer les necessitats dels navegadors. Segons l’article de n’Artnau, cito textualment:

“Internet Explorer 8 o inferior no suporten més d’una declaració url() ni la declaració local() en una propietat src. El millor és tractar aquest navegador a part”

O també dona un solució que es el que he provat jo i em funciona perfectament, i valida el css nivell 3 sense problemes

Cal definir amb primera instància i amb url() la d’extensió .eot, com Internet Explorer 8 i inferiors diguéssim que no veuen més enllà de la primera declaració d’ url(), podem ficar les següents per a que els altres navegadors, les acceptin.

@font-face {
font-family: Qlassik;
src: url('fonts/Qlassik_TB.eot');
src: local('Qlassik'),
url('fonts/Qlassik_TB.otf') format('opentype'),
url('fonts/Qlassik_TB.woff') format('woff'),
url('fonts/Qlassik_TB.ttf') format('truetype');
}


L’únic problema és que ens obliga a fer una mica més pesada la fulla d’estil, tampoc ens morirem per un parell de línies més, i carregar el servidor amb més tipus de lletra.

Com ho faig si aquest tipus de lletra només el tinc en format OpenType?

Cap problema, hi han varies eines per la xarxa, només has de cercar una mica, la que més m’ha agradat a mi ha estat Online font converter

Trobaràs més informació en l’article de Esbudellant Estàndards e n’Artnau Siches

Aquests dies estic jugant una mica amb la edició de video de forma molt simple, retallar, girar, unir, convertir a OGG. Així que he estat buscant i el més pràctic que he trobat ha estat MEncoder.

Per instaŀlar-ho ja sabeu: apt-get install mencoder

Ordres

Treure el so

mencoder -ovc copy -nosound segonajornada.avi -o segonajornada-noaudio.avi

Podem unir diferents arxius en un
mencoder -oac copy -ovc copy -idx -o video-junt.avi part1.avi part2.avi part3.avi

El problema despres ha estat per passar a OGG però amb el ffmpeg2theora ho tenim fàcil

ffmpeg2theora arxiu.avi

També podem donar un odre, per convertir de cop tots els arxius d’un directori, en aquest cas AVI per convertir a OGG

for file in *.avi; do name=${file%\.*}; ffmpeg2theora $file -o $name.ogg; done

Si busqueu per la xarxa trobareu tot el que es pot fer, us deixo un enllaç amb algunes d’elles:

http://ubunlog.com.ar/blog/cosas-que-puedes-hacer-con-mencoderffmpeg/
http://hachemuda.com/2007/05/ejemplos-de-comandos-de-mencoder-para-edicion-de-video-en-gnulinux/

Manifest “En defensa dels drets fonamentals a internet”

Davant de la inclusió en l’Avantprojecte de Llei d’Economia sostenible
de modificacions legislatives que afecten al lliure exercici de les
llibertats d’expressió, informació i el dret d’accés a la cultura a
través d’Internet, els periodistes, bloggers, usuaris, professionals i
creadors d’internet manifestem la nostra ferma oposició al projecte, i
declarem que…

1. – Els drets d’autor no poden situar-se per sobre dels drets
fonamentals dels ciutadans, com el dret a la privacitat, a la seguretat,
a la presumpció d’innocència, a la tutela judicial efectiva i a la
llibertat d’expressió.

2. – La suspensió de drets fonamentals és i ha de continuar sent
competència exclusiva del poder judicial. Ni un tancament sense
sentència. Aquest avantprojecte, en contra de l’establert a l’article
20.5 de la Constitució, posa a les mans d’un òrgan no judicial -un
organisme dependent del ministeri de Cultura-, la potestat d’impedir als
ciutadans espanyols l’accés a qualsevol pàgina web.

3. – La nova legislació crearà inseguretat jurídica a tot el sector
tecnològic espanyol, perjudicant un dels pocs camps de desenvolupament i
de futur de la nostra economia, entorpint la creació d’empreses,
introduint barreres a la lliure competència i alentint la seva projecció
internacional.

4. – La nova legislació proposada amenaça els nous creadors i entorpeix
la creació cultural. Amb Internet i els successius avenços tecnològics
s’ha democratitzat extraordinàriament la creació i emissió de continguts
de tot tipus, que ja no provenen prevalentment de les indústries
culturals tradicionals, sinó de multitud de fonts diferents.

5. – Els autors, com tots els treballadors, tenen dret a viure de la
seva feina amb noves idees creatives, models de negoci i activitats
associades a les seves creacions. Intentar sostenir amb canvis
legislatius a una indústria obsoleta que no sap adaptar-se a aquest nou
entorn no és ni just ni realista. Si el seu model de negoci es basava en
el control de les còpies de les obres i en Internet això no és possible
sense vulnerar drets fonamentals, haurien de buscar un altre model.

6. – Considerem que les indústries culturals necessiten per sobreviure
alternatives modernes, eficaces, creïbles i assequibles i que s’adeqüin
als nous usos socials, en lloc de limitacions tan desproporcionades com
ineficaces per a la finalitat que diuen perseguir.

7. – Internet ha de funcionar de forma lliure i sense interferències
polítiques afavorides per sectors que pretenen perpetuar obsolets models
de negoci i impossibilitar que el saber humà continuï sent lliure.

8. – Exigim que el Govern garanteixi per llei la neutralitat de la Xarxa
a Espanya, davant de qualsevol pressió que pugui produir-se, com a marc
per al desenvolupament d’una economia sostenible i realista de cara al
futur.

9. – Proposem una verdadera reforma del dret de propietat intel·lectual
orientada a la seva finalitat: tornar a la societat el coneixement,
promoure el domini públic i limitar els abusos de les entitats gestores.

10. – En democràcia les lleis i les seves modificacions s’han d’aprovar
després de l’oportú debat públic i havent consultat prèviament totes les
parts implicades. No és acceptable que es facin canvis legislatius que
afecten drets fonamentals en una llei no orgànica i que versa sobre una
altra matèria.