bloc@niorcs.com:~$

Típica i tòpica màxima, però no gens lluny de la realitat, no ens enganyem. Quan un està bé, relativament acomodat, s’acostuma a certes coses i en deixa de banda d’altres, un creu que no té temps de tot, i molts cops és veritat, però la majoria de cops és només qüestió d’organitzar-se, organitzar-se la vida i les prioritats.

No és nou en mi que em mogui per rampells, i potser aquest no és més que un dels molts que he tingut i tindré, algunes persones, a aquests rampells els hi en diuen inquietuds, cadascú és lliure de dir-ho com vulgui.

Doncs bé, el meu últim rampell ha estat el de renovar el meu web, la última renovació portava un objectiu clar, trobar una feina, i fos la culpable o no, va funcionar. Ara l’objectiu serà diferent, l’objectiu es oferir una finestra de presentació del que faig i deixo de fer en quant a desenvolupament web, ja piulo per comentar d’altres tonteries temes.

La web ja l’he renovada, falten 4 detalls, m’he fet unes targetes de visita, com no sabia on fer-les a Tarragona i el David ja em va explicar males experiències, sumem-hi la mandra de desplaçar-me ves a saber on, vaig optar per cercar alguna alternativa online i la que més em va agradar, prèvia consulta de preus i aparentment molt bona qualitat (ja ho diré quan les tingui) he decidit fer-les aquí. Pots triar entre molt bons dissenys, o fer-t’ho tu mateix, DIY, això si que m’agrada, una mica d’Inkscape, ho passem a PDF i seguim el procés de la pàgina, molt clar, visual i entenedor, si el resultat es com el que figura allà, chapeau, tindran el meu aval.

Adaptar una pàgina del feisbuc a la nova imatge del web, així com la del compte de twitter i el pas final, i que portarà més temps, serà la renovació d’aquest bloc, vindrà conjunt amb un canvi de servidor i es que vaig amb MySQL 4 encara, actualitzar el CMS (Wordpress) que porta, el tema, ja veure’m si en faig un o n’agafo un de precuinat, cosa que em fa molta ràbia. I això no serà fins als voltants de setembre, quan caduqui el domini, que estem en crisi i no cal anar llençant els diners!

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/