1. $dom = new DOMDocument;
2. $dom->loadHTML( $htmlString );
3. $xPath = new DOMXPath( $dom );

En aquest cas, el contingut està en una variable anomenada $htmlString. En el cas que volem obtenir el contingut d’un fitxer podem fer-ho amb loadHTMLFIle:

1. $dom = new DOMDocument;
2. $dom->loadHTMLFile( ‘exemple.html’ );
3. $xPath = new DOMXPath( $dom );

Un cop fet això si volem podem obtenir tots els nodes que siguin imatges de la següent manera:

1. $images = $xml->xpath( ‘//img’ );

Per a poder, en aquest cas esborrar els nodes obtinguts:

1. foreach ($images as $node) {
2. $node->parentNode->removeChild($node);
3. }

Un cop acabat el bucle caldria guardar el DOM a la variable o el fitxer en qüestió:

1. $htmlString = $dom->saveHTML();

En el cas que hi usem un fitxer podem usar saveHTMLFile. El retorn d’aquesta funció en aquest cas no és el contingut sinó el nombre de Bytes escrits:

1. $doc->saveHTMLFile(“exemple.html”)

Aquest mateix codi també es podria fer amb expressions regulars, i podríem obtenir uns resultats semblants, però amb un codi molt menys entenedor i més propens a bugs.

Per a crear una presentació cal crear les diapositives. Cada una seria un div de la classe slide. Es poden definir diferents tipus de transició entre les diferents diapositives. A més, usant els plugins corresponents podem posar-hi elements de control, com serien fletxes per a canviar de diapositiva o un input per accedir directament a la que volguem.

En aquest enllaç podeu veure una presentació d’exemple on s’explica com usar de manera bàsica aquesta eina, dóna l’opció de descarregar-ne el codi i així mateix poder veure el resultat obtingut.

Es tracta d’una eina molt útil, ja que d’aquesta manera no es depèn de la màquina per a veure la presentació, ja que no s’usa ni MS Office ni OO, sinó que senzillament funciona en el nostra navegador web.

La intenció de la Fundació Mozilla és proposar a W3C que estableixi WebAPI com un estàndard. Avui en dia el projecte encara està molt verd, però segur que faran una bona feina. Esperem que els desenvolupadors d’aplicacions mòbil tinguin en compte aquesta nova possibilitat.

Cal tenir present que ara pot ser una tasca molt feixuga mantenir una versió d’una aplicació relativament senzilla en com a mínim dues plataformes totalment diferents. Així mateix, ja hi ha llibreries que comencen a treballar en aquest sentit, com per exemple PhoneGap, però el fet de poder tenir un estàndard és la gran gràcia. D’aquesta manera ja no es dependria de llibreries fetes per tercers. Com ho veieu?

Font de la notícia: Genbeta

Voleu treballar en aquest projecte?

Des de la pàgina oficial es pot accedir a la oferta de treball per a participar en el desenvolupament d’aquest projecte. Realment és un projecte molt engrescador, a tots aquells desenvolupadors que coincideixin en el perfil que busquen i que no tenen feina o que volen fer un canvi d’aires jo els recomanaria enviar el currículum. Pot ser una molt bona experiència professional.

Podeu veure l’oferta de treball.

Per a poder realitzar aquests canvis cal tenir instal·lat gconf-editor:

1. $ sudo apt-get install gconf-editor

A continuació, executem el programa:

1. $ gconf-editor

I cal que anem desplegant l’arbre de la següent manera:

1. Desktop -> gnome -> shell -> windows

A continuació a button_layout en canviem el contingut per: close, maximize, minimize:

Un cop fet això: ALT+F2 i escrivim r per a reiniciar el gnome-shell i els canvis s’hauran aplicat i fet persistents per a següents execucions.

Quins altres canvis heu fet a Gnome-Shell?

Font: Aprendo Debian

En aquest sentit, quan usem més d’una pantalla, com és el meu cas en determinades hores, Gnome3 ha incorporat un comportamen estrany en aquest sentit. La pantalla auxiliar, és única, i no fa respón als escriptoris, sempre hi han presents totes les que poses en aquella pantalla, independentment de l’espai de treball en el que et trobis.

Per sort, de la mà de Greg Cordts’ Blog trobem la solució a aquest mal comportament. No és necessària la instal·lació de cap extensió, sinó senzillament canviar la configuració a partir del gconf-editor. Si no el teniu:

1. sudo apt-get install gconf-editor

Un cop fet això:

1. Exteneu les carpetes desktop, gnome, shell, windows
2. Desactiveu workspaces_only_on_primary

Un cop fet això recarregueu (ALT+F2 i a continuacio escriure r i prémer ENTER) gnome-shell i ja ho tindreu funcionant.

Hi he fet un cop d’ull ràpid i els jocs que hi he vist fan més bona pinta que els que podem trobar a PlayDeb. No he tingut temps de provar cap dels jocs que hi he vist, però us deixo amb els enllaços de tres que m’han fet bona pinta.

0 A.D. (Estratègia)

Joc d’estratègia on els gràfics fan prou bona pinta. Enllaç a 0 A.D.

SuperTuxKart

Els jocs a l’estil de MarioKart sempre estan bé. Enllaç al joc.

Greedy Car Thieves

Un joc, que tinc moltes ganes de provar, al més pur estil GTA2. Enllac a LGBD.

H-Craft Championship

Joc de carreres de naus. Enllaç.

Abans de començar us deixo els enllaços que s’han usat de font:

Enllaç a la presentació.

Enllaç a la pàgina oficial.

Crear objectes reusables

Cal crear una llibreria de components reusables independent del projecte. Per altra banda, també cal crear-ne una per al nostre projecte. La idea principal recau en identificar els objectes per tal de saber-ne fer l’extensió i que sigui reusable, de manera que han de ser extensibles, reusables i aniuables.

Si per exemple pensem en un widget butó, a la part comú de tots els projectes podem definir les propietats que sabem que seran comunes, o definir-ne unes per defecte. A partir d’aquí aquesta classe cal anar-la extenent per tal de que tingui l’aspecte desitjat a cada projecte i alhora tinguem els diferents butons que es necessiten.

Simplificar la cascada

No usar #id en els estils. Si usem aquests identificadors, trencarem la reusabilitat d’aquest codi, ja que no hi poden haver diverses intàncies en una mateixa pàgina amb un mateix identificador. Així doncs, #id queda reservat per al seu ús des de JavaScript i en formularis. Així mateix queda prohibit en els estils.

També queden prohibits els estils ens línia. Tots sabem que els estils intrusius porten problemes, però a vegades els usem en moments determinats per què ens poden ser còmodes. Ja que estem reformulant el sistema d’estils, també queden prohibits, ja que a part de no ser reusables, ens poden portar a comportaments estranys, cosa a evitar totalment.

Usar  classes i no elements

No hem de ment definir els propietats a div.la-meva-classe, sinó directament .la-meva-classe. Amb la primera opció fem que la propietat només sigui vàlida per a elements div, mentre que amb la segona la classe no depèn del seu element HTML. D’aquesta manera obtenim un codi més reusable i a més no ens incorporarà comportaments estranys.

Minimitza els selectors

A partir d’una classe podem definir elements HTMLS aniuats. Tot i això cal tenir en compte que a vegades ens podem estalviar selectors per a acabar tenint un mateix comportament. D’aquesta manera permetem una millor llegibilitat al codi. Amb aquest fet a més, millorem el rendiment dels nostres CSS.

Sense dependències del context

Els estils d’un objecte són independents del lloc que ocupin de la pàgina. D’aquesta manera no hem de  definir .la-mevaclasse-1 .la-meva-classe-2 {…}, ja que si ho fem així estem supeditant el comportament de la 2 a que estigui dins d’un contenidor 1. D’aquesta manera a més, sabem que podem usar un widget a qualsevol part de la pàgina i que sempre tindrà el mateix comportament.

Evitar dependències innecessàries entre objectes

En aquest sentit, no hem d’agrupar diferents widgets mitjançant comes. Ja que estem lligant aquests objectes, on un canvi a un widget provocarà canvis als altres, cosa que tard o d’hora en sortirem perjudicats. Si ens trobem que constantment necessitem agrupar-los és que alguna cosa estem fent malament, particularment en el procés d’identificació.

Extenent els objectes

S’usa el concepte d’orientació a objectes típic en els CSS. D’aquesta manera l’objecte fill hereda les propietats del pare. Comentarem, amb exemples com es fa aquesta extensió més en detall en un tercer post, com ja vam prometre.

Objectes compostos

Algunes components de la pàgina estaran formades per diversos objectes. En aquest cas no usem extensió, sinó composició. En aquest moment ens trobem en un dels majors problemes dels CSS: manca de control en l’herència i la cascada. Les regles han de ser específiques, de manera que no impliqui res l’ordre en el qual s’apliquen. Sinó és així augmentem la composició. Cal ser conscient en que tots els noms de les classes formen part del namespace global de CSS, de manera que cal ser coherent en la definició de noms.

Així doncs el vaig instal·lar, ja mostrarem els passos, i la veritat, està molt bé, però queden coses per polir. Però ara mateix, senyor Linus, acabar de trobar una persona que li agrada el Gnome-Shell. Està ben pensat, és modern, i part molt important, agradable, amb bona experiència d’usuari. Encara li falten molts retocs, com per exemple un millor instal·lador de temes, més personalització de la barra superior, millor instal·lador i gestió de les extensions, menú global a la barra superior…

Tot i aquestes “pegues”, entre cometes perquè són coses que s’aniran millorant, personalment crec que Gnome-Shell és innovador, que ens planteja canvis en la nostra manera de treballar, sobretot els que portem anys amb Gnome2, però és còmoda, les notificacions són poc intrusives i compleixen totalment la seva funció d’una manera molt elegant. Amb el què he notat més canvis és amb el tema dels entorn de treball. Personalment, usava una configuració de 2 files per 4 columnes, és a dir, 8 escriptoris. La manera d’usar-los era lateral, però l’inferior en feia d’auxiliar. Tot i que sembli bastant enrabassat m’era molt eficient.

Podeu llegir les opinions de Linus, on en la meva opinió s’ha passat i a pecat de no acceptar el progrés. Poder en Linus de fa 15 anys li hagués encantat, o poder no.

Així doncs, de moment dono el meu vot de confiança a Gnome-Shell, que trobo millor que Unity, tot i que el d’Ubuntu trobo que està en un estat més acabat. A continuació mostrarem com instal·lar Gnome3 a Ubuntu 11.04, recordeu que si seguiu aquests passos, perdreu Gnome2 i en conseqüència les vostres configuracions anteriors.

Us deixo unes captures de la meva màquina.

Menú d’aplicacions.

Escriptori (massa brut d’icones) amb el nautilus.

Gestió de finestres.

Instal·lar Gnome3

Informació extreta de Taringa.

Afegim el repositori, actualitzem, instal·lem Gnome-Shell

1. $ sudo add-apt-repository ppa:gnome3-team/gnome3
2. $ sudo apt-get update && sudo apt-get dist-upgrade
3. $ sudo apt-get install gnome-shell
4. $ sudo apt-get install gnome-tweak-tool

Arreglar l’aspecte visual

Una cosa que no he acabat d’entendre és perquè la instal·lació el deixa amb un estil visual tan pobre. Des de Taringa aconsellen instal·lar els temes per defecte:

1. $ sudo apt-get install gnome-themes-standard

Des de Gnome Tweak Tool, podem canviar els temes. A mi no m’han acabat de convèncer, i m’he instal·lat Faenza pels icones, Zukitwo per a Gtk+, Adwaita pel cursor, Zukitwo per Gnome-Shell i per les finestres Adwaita i les fonts d’Ubuntu. A continuació us deixo les captures de la meva configuració.

Pel què fa a les extensions, queda pendent per un pròxim post, amb les que hagi trobat més interessants.

Avaries 2.0

Avaries 2.0: “en un minut es fan set-centes mil cerques a Google, pugen 600 vídeos, més de 1.500 posts i 50 blogs nous”http://bit.ly/ritgSN

Article del diari Ara en el que s’explique una mica què passa quan alguns serveis com Twitter, Whatsapp, o senzillament no tenim 3G com actuem i què passa. Vaig destacar una frase en el tweet, que no és ben bé del què anava, el títol de l’article és: Avaries 2.0: les 5 coses que et cal saber si ets un usuari malaltís de les xarxes socials - El creixement exponencial de Twitter, Facebook o Whatsapp posa a prova les infraestructures digitals i la dependència dels usuaris al nou univers d’informació compartida

Error a Google+ en català

Curiós que a #Google+ en #català, versió móbil, hi hagi aquest tipus d’errors: http://ow.ly/i/fjQG

L’altre dia, comparant l’aplicació nativa de l’iPhone de Google+ i la versió mòbil, vaig trobar-me amb aquest error, amb el caràcter d’apòstrof. Sembla que no hagin passat un test i arreglat aquest problema. Els catalans sembla que ens estiguem acostumant a que aquests tipus d’error amb la nostra llengua, i això no pot ser.

Les 5 batalles de Microsoft

Ls cinc batalles en les que Microsoft es juga el seu futur http://feedly.com/k/pq8PXm

Interessant article de Genbeta en el que es comenten i analitzen els 5 grans fronts que té oberts Microsoft, i que del resultat dels quals depen força la companys de Bill Gates. En aquest sentit, només puc dir: Llarga vida al software lliure!

Jailbreak fins a IOS5

Com era d’esperar, no hi haurà #Jailbreak untethered fins #iOS5 http://feedly.com/k/nk8q3a

Els hackers que s’encarreguen del jailbreak, han comfirmat que es guardaran les vulnerabilitats per a la publicació de l’IOS5, per tal de poder treure al seu moment el jailbreak untethered per la nova versió de sistema operatiu.

A en Linus no li agrada Gnome3

Linus Switches to Xfce, Calls GNOME 3 an Unholy Mess! http://feedly.com/k/qqhj9J

L’opnió d’una persona com en Linus és referent i sempre cal tenir-la en compte. En aquest sentit, Gnome3 (que encara no l’he provat), està sent molt criticat per alguns i molt elevat per altres. En Linus, ja s’ha posiciónat, i ho ha fet en contra, aquí podeu llegir-ne les seves reaccions.

Stallman opina d’EyeOS

Richard Stallman & Marcelo d’Elia Branco on Cloud Computing, eyeOS - http://t.co/FWxp2md

Vïdeo en el que podem veure com Richard Stallman opina d’EyeOS. El vídeo és una mica curt i de poca qualitat, però veure com ell opina d’aquest projecte ens encoratge.

OpenJusticia

OpenJustitia y la presió del software propietari a Suïssahttp://feedly.com/k/pGYiWp

Article penjat a MuyLinux, en el que podem veure amb l’opsició que es pot trobar un govern quan comença iniciatives lliures. Serà un tema que haurem d’anar seguint, i sobretot veure com acaba.

Anonymous atacarà Facebook

Anonymous promet hackejar a Facebook el 5 de novembrehttp://feedly.com/k/mYCUcd

Com la majoria de vosaltres sabeu, el col·lectiu Anonymous ha anunciat que el dia 5 de novembre s’atacarà Facebook. Personalment cada dia m’agrada menys aquesta xarxa social, poc interessant i amb molta escombraria… A veure com evoluciona.

Symfony 2 alliberat

Symfony 2 alliberat http://feedly.com/k/oX5qaL

Nova versió alliberada del famós framework PHP. Personalment només he usat la versió anterior, la 1.4, i haig de dir que hi ha una molt bona feina a darrere. Després d’un període d’aprenentatge es torna en una feina molt còmoda treballar amb aquest framework.

Reusables

Extensibles

Anidats

Un cop ja sabem que hi ha una part anomenada Framework i una com a tema, comentarem quina és l’estructura de cada un. El framework està format per 5 components: Reset, Base, Grid, Widgets, Helpers. El tema està format per Widgets i opcionalment per Pages. Així doncs ja podem intuir que en el Framework hi tindrem definides les propietats generals, comuns a tots els projectes, mentre que els aspectes concrets, els widgets, els podrem redefinir a cada tema.

Abans d’entrar en tema, us faig saber que queden pendents dos posts al respecte. Un explicant les bones praxis per a l’ús de OOCSS, i un altre amb alguns exemples per a fer-ho més clar, ja que un tros de codi, val més que mil paraules.

Reset + Base

Podem usar-ne d’existents. Aquestes components ens ajuden a eliminar inconsistències entre navegadors i crear una base comuna. Tot i que ens podríem fer el nostre es recomana usar-ne de ja fets i provats com: 960.gs, formalize.me, normalize.css, html5boilerplate, YUI…

Grid

Aquest és un dels aspectes més interessants del sistema. Es tracta de la definició dels layouts. En aquest sentit, es defineixen amb % la relació. De l’estil si és un 100% si són 2 50%, etc. D’aquesta manera podrem generar fàcilment els layouts. Seran reusables i cada un el podrem customitzar com volguem. Es recomana usar-ne de ja existents, tot i que ens podem crear el nostre, com per exemple: 960.gs, 978.gs, blueprint, YUI…

Widgets, objectes reusables

Els widgets poden ser independents del projecte o no. Es tracta de definir un conjunt de classes CSS relacionades, que responen a una funcionalitat determinada. En aquest sentit, està bé saber quina part és comuna i quina part forma part del tema, de manera que podrem tenir cada objecte personalitzat per projecte.

Pages, opcional per al tema

Les pages són interessants per a projectes molt concrets, en els qual es vol que cada pàgina o secció de l’aplicació o web, es vulgui mostrar amb estils totalment diferents. D’aquesta manera podríem diferenciar cada una de les pàgines usant la composició. De fet, es podrien fer amb widgets, però en els casos que sigui útil és millor fer-ho per tal de tenir

Helpers

Es tracta de classes petites, que es poden usar per tots els objectes. Els usos típics poden ser per fer elements hiddens, cantons rodos, ombres…

Enllaços a les fonts de l’article.

Enllaç a la presentació.

Enllaç a la pàgina oficial.

Apple i Google Enemics?

¿Son Apple y Google enemigos? Parece que solo en el terreno de los móviles. Tienen más en común de lo que parece.http://cort.as/15aS

Article en el que compara les dues empreses i les diferencia. D’aquesta manera podem veure que, fora en els cas dels dispositius mòbils i en els tablets, les dues empreses estan encarades a mercats molt diferenciats.

Annonplus

Anonplus: La xarxa social d’Anonymous http://feedly.com/k/p0uOae

Després que la conta d’Anonymous hagi estat bloquejada a Google+, el col·lectiu Anonymous ha obert una nova xarxa social, on la característica principal és que no hi ha censura.

Ubuntu One

#UbuntuOne augmenta l’espai disponible de 2 a 5 GB i arriba al milió d’usuaris http://feedly.com/k/poClsk

El servei al núvol d’Ubuntu ha arribat al milió d’usuaris i ha augmentat la quota disponible per a cada un de forma gratuẗa a 5GB. Com es ve dient els darrers dies, gran part de les opcions d’èxit de Linux ve de saber aprofitar la integració de serveis entre ordinadors i dispositius.

Quake Live

Quake Live: Versió online gratuïta del clàssic en primera personahttp://feedly.com/k/nbzt0S

Sense comentaris, tothom sap de què estem parlant, què fas aquí parat? Ja trigues en anar-ho a provar!

Possible venta de Bing

La feina mal feta no té fronteres ni rivals – Les pèrdues de Bing i la seva possible venta per part de micro$ofthttp://feedly.com/k/owJVET

Ja fa temps que va sortir el buscador de Microsoft, Bing. Aquest, tot i que va millorant, està fent perdre una gran quantitat de diners a la seva companyia degut a les grans inversions de publicitat. No crec que perquè abans de veure el temps m’anunciïn Bing, quan obri el Chrome canviï el motor per defecte.

La mort de Windows XP

Menys de mil dies de vida per Windows XP, un SO de més de 10 anys. un 45% de la gent el segueix usant…http://feedly.com/k/qShP1T

Quan un veu una notícia d’aquest estil pensa, tan dolentes són les version Vista i 7 de Windows? A mi em faria vergonya treure dues versions noves d’un programa i que la gent seguís usant la versió de fa 10 anys…

.app per les aplicacions?

Proponen .app como dominio para las aplicacioneshttp://bit.ly/ojUSVQ

Una altra mostra de la pujança que tenen les aplicacions web. Les aplicacions web, en molts casos, ja són una bona alternativa a les aplicacions d’escriptori, el què fa uns dies semblava el futur, ja ha arribat al present.

Teoria del 10%

Investigació que xifra en el 10% el mínim per la popularització d’una idea http://feedly.com/k/qi3vkN

Article en el que s’explica com una idea que és acceptada per un 10% de la població és pot convertir de manera ràpida en una idea majoritària. El poder de les masses?

El SO de Mozilla

Mozilla treurà el seu propi sistema operatiu basat en web, a l’estil de Google Chrome http://feedly.com/k/n1w4k3

Mozilla no es vol quedar endarrere en la cursa del núvol i aposta fort, desenvolupant un nou sistema operatiu, basat en la web però a l’estil de Google Chrome OS i no d’EyeOS.

Aquesta aplicació fa ús de la localització del mòbil i en funció d’on estem ens dóna les diverses opcions d’on veure el partit. Així mateix està muntat una mica com una xarxa social, en la que pots confirmar l’assistència o fer Check in quan ja hi siguis. Així mateix també pots demanar que un bar faci la retransmissió del partit.

Així mateix també podem veure el calendari dels propers partits del Barça i en funció d’on estem et marca quins bars és possible que el facin i així mateix et diu quins estan confirmats o no quedar cardats al darrer moment.

Bàsicament la utilitat principal que li veig crec que serà per quan et trobes fora del teu hàbitat normal, i et queda poc temps perquè comenci el partit, d’aquesta manera podrem saber ràpidament a on el podem veure i tindrem diverses opcions.

Quan treballem en temes de maquetació web, sempre s’acaba fent ús del Firebug o similar (l’eina per a desenvolupadors de Chrome va molt bé) per poder veure els canvis de les propietats CSS en temps real. Així mateix, en més d’un cas, ens podem trobar que quan recarreguem la pàgina ens hem deixat d’actualitzar algun valor i cal tornar a repetir el procés.

No l’he acabat de provar del tot, però té molt bona puntuació i fa molt bona pinta. Mitjançant el botó secundari podem recarregar les fulles d’estils CSS sense haver de carregar tota la pàgina, agilitzant molt aquest procés. Per defecte a més, podem fer-ho mitjançant la tecla F9, cosa que encara ens donarà més dinamisme.

Durant els propers dies miraré de provar-la més a fons, ja que haig de fer algunes tasques de CSS que em servirà per testejar aquesta aplicació. Ja faré una mica de feedback al respecte, tot i que les 5 estrelles que té assignades a la Chrome Web Store l’avalen.

Podem instal·lar-la accedit a la seva pàgina de la botiga de Google. Un cop instal·lada i activada ja podem usar-la. Si volem canviar la tecla que executi la funcionalitat podem fer-ho anant a l’apartat d’opcions.

Com en la majoria dels casos, hi ha un plugin que ens permet configurar aquests nombres. Es tracta, com es diu en el títol de l’entrada, Different Post Per Page. Per a instal·lar-l’ho cal anar a la secció d’extensions i buscar el nom del plugin. Un cop trobat, amb molt bona puntuació, l’instal·lem i l’activem, de manera que ja podrem configurar sense cap problema i des d’interfície gràfica.

Podeu trobar l’enllaç a la descàrrega a la font original.

Davant d’aquestes costums poc segures, Mozilla, aprofitant la idea d’openID, crea BrowserID, per tal de poder recuperar les nostres contrasenyes de manera fàcil i senzilla mitjançant el correu electrònic i el domini en qüestió. Els fonaments bàsics d’aquesta iniciativa són:

1. Facilitat d’ús
2. Seguretat
3. Cross-Browser
4. Descentralització
5. Millora de l’experiència d’usuari
6. Respecte a la privadesa de dades.

BrowserID funciona a tots els navegadors, tan d’escriptori com mòbils i no es comparteix la informació entre serveis diferents. En un futur es preveu que sigui implementat de forma nativa per als diferents navegadors mitjançant la barra d’adreces (per exemple).

Podeu trobar un exemple en funcionament a TextChanels, on haureu de registrar-vos, creant un compte BrowserID. Un cop fet podeu anar a aquesta pàgina de prova. D’aquesta manera veurem com de fàcil és usar aquest mecanisme.

Podeu trobar més informació i un exemple per a la seva implementació a Mozilla Hacks. Encara no he provat aquest codi, en breu el provaré i ja comentaré aviam què tal funciona, però tot apunta a que funciona correctament, segons diuen els lectors de la font original.

A continuació hi haurà els tweets amb enllaços més interessants que s’han publicat al canal d’Open-Pitu a Twitter. Bàsicament s’hi publicaran les entrades a notícies tecnològiques i continguts que més ressó han tingut a la xarxa i bàsics per estar al corrent del què s’ha fet aquesta setmana a la xarxa social de la informació de referència.

1. Posar links a contingut #pirata = extradició + presó?http://t.co/bD53s8Y vía @deswebcom
   • Més informació del cas de RojaDirecta, en el que podem veure com actuen els Estats Units i l’Estat espanyol, en el qual els primers consideren que penjar enllaços a contingut pirata és un delicte greu, mentre que al segon només és delicte emmagatzemar al propi servidor contingut pirata, però posar enllaços.
2. Les futures oportunitats de #Linux amb el factor #integracióhttp://t.co/cnY1b1E
   • Interessant factor d’integració, en el qual Linux pot tenir una oportunitat d’or aprofitant la bona rebuda en el mercat d’Android. Actualment les diferents distribucions han anat avançant de tal manera que poden ser aptes per qualsevol usuari d’un PC.
3. Els usuaris de #P2P són els que compren més continguts, curiós com a mínim davant la criminalització que s’ha fet…http://t.co/rcknHNC
   • Curiós estudi fet a Alemanya i que s’ha intentat mantenir en secret en el qual s’ha demostrat que els usuaris de P2P són també els que més continguts culturals compren. Per tan no és d’estranyar que no s’hagi volgut fer públic fins fa poc, ja que es demostra com, un cop més, les classes polítiques estan molt llunyanes del món real.
4. Twitter necessita innovar, unes bones reflexions de la millor xarxa d’informació en temps real http://feedly.com/k/pNmqay
   • Una reflexió com una xarxa social senzilla, s’ha convertit en un element de referència per a la informació en temps real. Tot i així, cal tenir present que sense innovació en aquest món estàs mort, i més si estàs lluitant contra gegants com Google o Facebook.
5. RT @paraquesirvecom: Eric Schmidt critica a Apple (i a Microsoft) per la creuada legal contra Android http://bit.ly/qc1kg8
   • Apple i Microsoft s’estan posant les piles contra Android. El problema és que no ho estan fent amb innovació i talent, sinó amb advocats i judicis. Els usuaris hauríem de veure-ho i premiar als que sí que estan innovant.
6. #Google ha entès la web social, ho té molt a punthttp://ow.ly/1uQjvz RT @javiermoreno: Google+ #infografiahttp://ow.ly/1uQjuT #socialmedia
   • Bon article en el qual podem veure com podem estar davant d’una nova manera de navegar. Facebook va canviar la manera com es compartia la informació, però és ara Google qui millor pot integrar tot aquest sistema de compartir. La gran G té els vídeos, les cerques, els mapes, el correu… és qui millor ho té per a què compartir qualsevol cosa sigui fàcil i ràpid.
7. RT @arcpos: CrossOver 10.1 Released, Games Version Updated Too http://bit.ly/nJlCRi #linux
   • Nova versió de CrossOver per als que els agrada jugar des de Linux.
8. #Jailbreakme 3.0 ja és #opensource http://feedly.com/k/qesXIk
   • JailbreakMe 3.0, el darrer i popular mètode per a realitzar el jailbreak als dispositius d’Apple amb IOS 4.3.3 ha estat declarat com OpenSource.
9. Minileaks, un portal per canalitzar denúncies ciutadaneshttp://feedly.com/k/oR08gY
   • A partir de WikiLeaks, neix aquest nou projecte en el qual es poden fer petites denúncies fetes pels ciutadans. Des d’Open-Pitu recolzem aquesta iniciativa.
10. RT @siul007: Facebook veta la publicidad de Google+ en su plataforma http://bit.ly/pB8Xtm #publicidad #redessociales
    • Durant tota la setmana i poder les anteriors des de que va nèixer Google+ que no hem parat de veure les notícies de la guerra que s’ha obert entre les dues xarxes socials. Al final cansaran i tot.
11. Curiós com funciona la rotació d la pantalla. Control total RT @fpmweb: Qué puede averiguar la policía con un smartphonehttp://t.co/jlUUfKS
    • Mai està de més tenir present tot el què poden saber a partir dels nostres SmartPhones, com així mateix aprendre alguna cosa tecnològica com el funcionament de les rotacions de pantalla.
12. El desenvolupador principal de #Firebug fitxa per l’equip de #Chrome http://feedly.com/k/q6gLJx
    • Darrerament aquests tipus de notícies estan a l’ordre del dia, i ja no ens estranyem veure com els desenvolupador principals o caps són fitxats per la competència. En aquest cas, donar les gràcies a Firebug, ja que realment durant molt de temps ha estat el referent bàsic per a molts desenvolupadors web.
13. Seven Guidelines For Designing High-Performance Mobile User Experiences http://feedly.com/k/p3AOO9
    • Guia en anglès, de consells per al desenvolupador d’interfícies mòbils.

Mobilizer està fet amb Adobe Air i ens permet poder visualitzar amb un iPhone 4, BlackBerry Storm, Palm Pre i HTC Evo. Podem usar-ho amb pàgines que estiguin penjades a Internet i amb projectes locals. No és una visualització perfecte de tal i com es veu, però sí que ens serveix a nivell orientatiu.

De moment encara és la versió beta, podem baixar-nos gratuïtament el programa a la pàgina oficial. Es tracta d’una aplicació multiplataforma, ja que ho podem usar amb Linux, Apple i Windows.

Es tracta d’una eina, com ja s’ha dit, destinada als desenvolupadors web, ja que poden treballar amb els formats més populars: HTML, XML, PHP, CSS i JavaScript. Per a poder-hi treballar és necessari disposar de connexió a Internet. L’editor conta amb el ressaltat de sintaxi, autocompletat de codi, tabuladors il·limitats, eina de cerca i remplaçament.

Així mateix, té integrat un client FTP o SFTP, en el qual és el que treballes. L’usuari pot tenir configurats diferents servidors i editar els fitxers (crear, esborrar, reanomenar, copiar, moure…). La mateixa aplicació inclou connexió HTTPS per a la seguretat de l’usuari. Com sempre, en les aplicacions al núvol, ens dóna l’opció de poder accedir al nostre codi des de qualsevol ordinador, només amb el navegador web.

Actualment ja hi ha versió Android i a la seva pàgina oficial anuncien que properament també hi serà per a iPhone. Com era d’esperar, segons les captures de pantalla, l’editor no està massa treballat, no té ressaltat de sintaxis ni tantes opcions com el de versió web. Així mateix, sempre és positiu poder accedir des de qualsevol dispositiu el nostre codi.

Opcions d’ús

Codeanywhere ens permet una conta gratuïta, en la qual podem tenir sincronitzats fins a tres servidors en FTP, un servidor SFTP, fins a 10 fitxers oberts i 60MBytes al mes d’ample de banda. Així mateix hi ha una conta premium de 5€ al mes, en la que podrem tenir un nombre il·limitat de servidors FTP i SFTP, nombre de fitxers oberts il·limitats i sense publicitat. De manera que a l’any sortiria per 60€. Tot i així tenen una oferta premium anual, en la que t’estalvies 10€.

Històricament tots hem treballat amb aplicacions d’escriptori per després compartir aquell document mitjançant el correu electrònic. Mica en mica, en hem anat acostumant a usar el Google Docs, quan diverses persones havíem de treballar en un mateix document. Així mateix, per a compartir fitxers s’ha popularitzat Dropbox i Grooveshark té la seva sortida en la música.

Cada cop ens costa menys pensar, en que en el futur, en local tindrem ben poca cosa. Si més no pel què fa a informació. No té cap sentit guardar-se els documents al disc dur del portàtil o a un USB si podem tenir aquells documents des de qualsevol lloc. En aquesta línia hi ha projectes com Ubuntu One, Dropbox o, anant més enllà, EyeOS.

Ahir, vaig descobrir una funcionalitat de Google Chrome que ens fa fer un pas mes en aquest món. Des de qualsevol pàgina ens podem crear un accés directe. Aquest accés directe, no és el típic preferits dels navegadors, sinó que a partir d’aquell icona (del menú, la barra de tasques o del menu d’aplicacions) podem obrir una finestra sense aparença d’usar un navegador web sinó amb la d’aplicació nativa.

Realment, no és una cosa espectacular, però sí molt pràctica. Molts de cops tanquem aquella pestanya que volem perquè n’estem tancant moltes de cop, o inclús ens molesta tenir oberta aquella pestanya tota l’estona, quan realment només la tenim en “background”. A més, ens elimina el tema de les pestanyes i la barra de direcció.

Pot ser tecnològicament no és molt innovador, però sí que ajuda molt en el moment d’usar aplicacions web pensades donant molt de pes a la paraula aplicació i poc a la web. Estem parlant d’aplicacions web com GrooveShark, Code Anywhere o HootSuite. Així mateix, també ens pot ser molt útil per a gMail, gMaps, gReader…

Com fer un accés directe

Per a poder fer aquests enllaços, cal que clickem a l’icona d’opcions de Google Chrome, un cop allà ens desplacem fins a Eines, per tal de que es desplegui el submenú.  Un cop aquí seleccionem “Crear dreceres d’aplicacions” i seleccionem les opcions que desitjem.

A la versió de Windows, ens dóna les opcions per a crear la drecera a l’escriptori, a la barra de tasques o al menú d’aplicacions. En funció del que desitjem triem. No he pogut penjar cap imatge amb Windows perquè ja sabeu que la meva religió no em permet usar aquest sistema operatiu.

Per als usuaris de Linux, sapigueu que només podeu seleccionar les opcions d’escriptori i menu d’aplicacions. El procediment per a crear un enllaç a la barra de tasques, seria crear la drecera a l’escriptori i a partir d’aquí incloure’l al dock d’Unity. Una recomanació, si no voleu tenir l’icona a l’escriptori, és que el mogueu a una carpeta del vostre home i després el porteu a la barra d’aplicacions.

Per als mateixos usuaris de Linux, si voleu canviar la imatge que es mostra, obriu el gEdit i obriu la drecera amb aquest programa. En una de les darreres línies veureu que hi ha la direcció d’on carrega l’icona. Per tant, podeu substituir aquella línia pel path absolut de la icona que voleu mostrar.

Captures d’aplicacions

Google Maps

GrooveShark

Code Anywhere