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!

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ò.

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

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

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.

Com que els banners que ofereixen per publicitar-ho no tinc lloc on ficar-los exactament ho fico en forma de post xD Que per cert a veure si arreglen el codi dels links que ofereixen

Solucions?

1) Deixar de visitar el bloc que dongui tant pel cul

2) Instal·lar-se Adblock Plus i configurar-lo per bloquejar d’allà on provenen els snapshots *snap.com

3) Amb el GreaseMonkey (del qual ja n’hem parlat altres cops) trobem l’script GodBye SnapShot!

Sembla ser que han tingut problemes concretament amb el nou Internet Explorer 8, a l’hora de “fer algunes feines en programes en antena“.

Realment estan funcionant amb programari obsolet d’aquest tipus? Deixant de banda si es tracta de software privatiu o no la llista de falles de seguretat es bastant llarga (alguns exemples) i l’última actualització de seguretat es de l’agost del 2004 inclosa en el Windows XP Service Pack 2 i el Windows Server 2003 Service Pack 1.

Personalment, crec que una versió d’aquest calibre, hauria d’estarar esborrada de la faç de la terra, i els primers en tenir la culpa són els de Microsoft, els següents els usuaris que permetem baixar-nos els pantalons amb temes tant simples com aquests, com deia l’ Oliana Molls el Capità Enciam, “els petits canvis són poderosos“

O sigui, fa no res en Pepe Montilla, signa un acord amb el Ballmer (developers, developers, developers, developers …), el que van fer va ser basicament, ara que estem en crisis, es tirar pel terra un projecte, Linkat, que va costar, més o menys uns 600.000 € per pagar-ne 12.000.000 € als folls de Microsoft; afegim també el premi otorgat per la Promoció de la Realitat Plurilingüe de l’Estat Espanyol, vaja que ens baixem els pantalons i ara, hi haurà no se quantes mil copies del nou IE8 per la xarxa, en 45 idiomes diferents, menys el català.

Tot un zas en tota la boca!

Com deia un amic meu jo m’hi cago.

Alguns que parlen d’aquests temes:

• Marc Belzunes: MSIE8, on és el català?
  
• L’acord de la Generalitat amb Microsoft (Ramon López, mestre d’Educació Primaria)

EDITO: Ja l’han hackejat XDDDDD

Anem per parts. GreaseMonkey és un complement que permet executar petits scripts programats en javascript, per fer la web més fàcil, des de canviar l’aspecte de certes pàgines web, fins a substituir el reproductor de YouTube. De fet tenim una comunitat bastant gran al darrere, una pàgina plena de repositoris, jo he perdut més d’un diumenge provant i provant scripts.

L’script original, Highlight2Translate, estava fet per traduccions a l’anglès però com podiem llegir al Google Dirson, l’han adaptat al català, castellano i galego i s’està treballant per adaptar-hi l’euskera.

L’script també esta pensant per editar-lo facilment i personalitzar-lo al nostre gust, funciona amb la API Javascript que va llançar Google ja fa un temps que treballava amb Ajax, això permet tenir una ràpida traducció.

Instałlació

El primer que s’ha de fer és instalar-se GreaseMonkey i  reinicia el navegador.

Ara ja podeu instalar els scripts, és molt fàcil fer-ho, amb el GreaseMonkey habilitat (podeu desavilitar-lo molt facilment fent click a l’icona del mico que veureu a baix) feu click als links dels scripts que us porten a l’arxiu .js i s’obrira una finestreta d’instałlació, semblant a la de quan instałleu complements. Us mostrarà en quines pàgines s’executa i accepteu.

Funcionament

Com comentava abans el GreaseMonkey ha d’estar activat i només caldrà seleccionar el text i esperar que aparegui, com si d’un title es tractés, la traducció. Els servidors de Google detectaran l’idioma original i traduiran al del script que tinguem instałlat.

Doncs res, aquí us deixo els Scripts

• Highlight2Translate (traducció al anglés)
• Traducció al català
• Traducció al castellano
• Traducció al galego