open-pitu, el blog lliure en català » Extensions

CSS Reloader, extensió de Chrome

Pitu Sabadí — Wed, 27 Jul 2011 21:32:05 +0000

Sempre que em passo una estona voltant per la Chrome Web Store trobo alguna aplicació o extensió que realment val la pena parar-hi una mica d’atenció. Avui he topat amb CSS Reloader, una extensió que permet recarregar els CSS sense haver de tornar a carregar tota la pàgina.

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.

Different Post Per Page de WordPress

Pitu Sabadí — Mon, 25 Jul 2011 21:50:02 +0000

Per defecte el gestor de continguts més popular per a blogs, només ens dóna opció per a configurar el nombre d’entrades per pàgina, sense poder diferenciar la pàgina d’inici, d’una cerca per etiqueta, d’una categoria… No és una bona opció limitar-ho mitjançant un if dins del bucle de si hi ha posts, ja que amb la pàginació estarem “eliminant” entrades.

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.

Silencesoft RSS Reader, RSS extern a WordPress

Pitu Sabadí — Sun, 17 Jul 2011 10:37:44 +0000

Un dels elements més importants per a seguir blogs i portals web són els RSS. A vegades sembla que Twitter pot intentar substituir, però en aquesta xarxa social es prima molt el temps real i per tant no dóna exactament els mateixos serveis que podem tenir amb els lector RSS.

En alguns casos ens pot ser interessant incloure els continguts d’un altre RSS al nostre blog. És una bona manera de fer divulgació d’un blog nou amb poques visites a partir d’un altre més conegut. Per a fer això, com en la majoria del casos, tenim diverses maneres per fer-ho i si usem la plataforma més popular de blogs, hi ha molts plugins que ens ho resolen.

En aquest cas ens centrarem amb Silensoft RSS Reader. Amb aquest plugin podrem mostrar les entrades dels RSS que vulguem, sense necessitat de programar res i només configurant quins feeds volem seguir i com volem que es mostri la informació. A partir d’aquí haurem de crear una pàgina on hi inclourem un tag especial i ja ho tindrem preparat.

Primer de tot cal que ens instal·lem l’extensió des de l’apartat del gestor. Un cop instal·lada cal que l’activem. En el nostre menú ja tindrem un apartat per aquest plugin:

A la primera entrada podem configurar els feeds que volem incloure. Es fa de manera molt senzilla, a l’estil BlogRoll.

A la pestanya d’opcions, podem configurar quantes entrades mostrem, com mostrem alguna informació i quins paràmetres volem incloure. Així mateix, aquí és on definirem com volem que es mostrin els feeds. Si volem que sigui una pàgina ben integrada en el blog, hauríem d’agafar el codi HTML que generem per les entrades del blog i recrear-ho per a què sigui vàlid per a la informació que volem mostrar, per exemple:

Com podeu observar els tags importants són:

[date]
[link]
[title]
[content]
[url]
[author]

A partir d’aquí només queda que a la pàgina que feu hi inclogueu aquest codi:

[sil_rss:0:content:0]

Amb això ja hi ha la informació bàsica per a usar aquest plugin. Espero que us sigui útil.

Mega Button, extensió per Google Chrome

Pitu Sabadí — Wed, 08 Jun 2011 20:09:52 +0000

Google Chrome és el navegador que està més a l’alça darrerament. Mica en mica es va consolidant coma navegador, i crec que és normal, no com passa amb el gran nombre d’usuaris que segueixen amb Internet Explorer. En aquest cas veurem una extensió que ens permet accedir ràpidament al nostre historia, les nostres baixades… sense tenir la necessitat d’usar el menú (fins ara no massa aconseguit).

Podem veure el vídeo d’ús de l’extensió Mega Button.

Podem instal·lar l’extensió amb un sol click.

FireSSH i FireFTP, ampliant Firefox

Pitu Sabadí — Thu, 24 Mar 2011 22:29:49 +0000

Els de MuyLinux fa uns dies em van descubrir una extensió de Firefox molt interessant per alguns moments determinats. És tracta d’un complement que ens converteix una pestanya del Firefox en un client SSH. És molt senzill d’instal·lar, senzillament hem de visitar la pàgina de l’extensió i clickar al botó corresponent per dur-la a terme.

Per altra banda, una extensió complementària a aquesta és FireFTP. És del mateix autor que l’extensió exterior, i en aquest cas ens converteix el navegador en un client FTP. Per a instal·lar l’extensió cal seguir el mateix procediment que abans des de la pàgina oficial.

Un cop instal·lats els dos plugins cal reiniciar el navegador web. He provat les dues extensions amb el Firefoz 4.0, i és fantàstic amb la rapidesa en què s’inicia aquest nou navegador. De moment però el que tinc configurat per defecte és el de Chrome, qui guanyarà la batalla?

Tabs Visual Manager, extensió de Chrome

Pitu Sabadí — Thu, 10 Feb 2011 20:54:41 +0000

Molts de cops, a mesura que portem hores treballant amb el navegador web, podem acabar tenint moltes pestanyes obertes. A vegades, pot ser difícil encertar quina és la pestanya que busques, ja que els noms comencen a quedar tallats i costa identificar-les.

A Firefox, per solucionar el problema es solia usar Panorama, però pel navegador de Google no coneixia cap alternativa. Aquesta extensió el què fa és crear un pop-up quan clickes en el seu logo que et mostra les miniatures de totes les pestanyes que tenim obertes. Un exemple seria:

L’opció que ve per defecte, en Linux no m’ha funcionat, tot i que tampoc és la solució que m’agrada, ja que obre una pestanya nova per mostrar les miniatures. Cal canviar-ho a la configuració de l’extensió.

Enllaç a l’extensió.

Google Chrome Frame, millorem IE

Pitu Sabadí — Mon, 27 Sep 2010 23:49:00 +0000

Per tots és conegut, com a mínim pels informàtics (i en concret desenvolupadors web), que Internet Explorer és un autèntic mal de cap, a part que és un dels navegadors amb pitjor suport als estàndards web i el funcionament de diverses tecnologies actuals, un dels que té pitjor seguretat, més temps de càrrega…

A la web, hi ha moltes comparatives entre els diferents navegadors que podem triar actualment (Firefox, Chrome, Safari, Internet Explorer…). En la major part hi pots comprovar diferents característiques i enfocaments, des de les “menys tècniques”, les que comparen velocitats, les mes especialitzades… Però aquest post, no anirà d’aquest tema.

En la major part dels casos, el desenvolupador ha de perdre un bon temps per a que es vegi per a tots els navegadors igual i en concret per a totes les versions d’Internet Explorer, ja que totes elles funcionen malament (per això el programa de Microsoft en la versió 8 dóna la opció de vista de compatibilitat, ja que són conscients dels problemes que donen a la gent en la visualització de webs).

En certs casos, podem estar en un problema perquè certes tecnologies no acaben de funcionar, perquè ens fa renderitzats lletjos, perquè no accepta PNGs transparents sense ús de JavaScript, perquè és lent, perquè no accepta noves funcions CSS3 que estalvien l’ús de imatges… Es podria seguir, però tampoc és el tema del post totes les contres que pot tenir aquest navegador (per altra banda el més usat pels internautes, tot s’ha de dir).

Anem al tema principal, Google, ha tret Chrome Frame, el qual ens permet que el navegador Internet Explorer funcioni amb el motor de Chrome. L’he provat i realment funciona molt bé. A més, segons els de la G, funciona a partir de Windows XP SP2 i Internet Explorer 6. Si tenim problemes amb la visualització d’aquest navegador, podem posar un avís (un dia d’aquests penjaré com detectar si Chrome Frame està activat o no) dient que els usuaris amb aquest navegador s’instal·lessin el plugin següent.

Per a que això funcioni, caldrà posar la següent línia en els nostre head:

A partir d’aquí quan algú entri a la nostra web, amb el navegador de Microsoft i el plugin instal·lat, veuran la web com si ho fessin amb el Chrome. Crec que pot ser de molta utilitat per tal de que la gent que funciona amb IE6 puguin veure la web tal com és i no amb la destrossa que els fa. Així mateix, recomano a tota la gent que usa el navegador de la companyia de Bill Gates que provi alternatives, que n’hi ha i de molt bones.

Personalitza la interfície de l’Ubuntu

Pitu Sabadí — Sun, 05 Sep 2010 14:55:42 +0000

Els darrers dies he trobat un parell d’elements per afegir a les barres de tasques que ens milloren la interfície de l’Ubuntu i l’apropen més a les estètiques actuals. Per una banda veurem com millorar el menú principal amb dues bones alternatives, i després com actualitzar el gestor de selecció de finestres.

De la mà de Genbeta trobem 4 alternatives al menú principal. Personalment he provat el MintMenu i el GnoMenú i em decanto per aquest darrer. Estèticament és millor i a nivell de funcionalitats m’aporten el mateix.

Per instal·lar-l’ho executa en el terminal:

$ sudo add-apt-repository ppa:gnomenu-team/ppa
$ sudo apt-get update && sudo apt-get install gnomenu

Un cop instal·lat, fem click amb el botó secundari sobre la barra i afegim l’element que té el mateix nom. Podem personalitzar les característiques i canviar l’aspecte visual des de l’apartat de preferències, tal i com fem a la major part dels elements de la barra.

Per altra banda, fa un parell de dies, en Pau de GNULinux.cat, va publicar un gestor de finestres semblant al del Windows 7. És fàcil d’usar i molt pràctic, de manera que també veurem com instal·lar-l’ho:

$ sudo add-apt-repository ppa:webupd8team/talika
$ sudo apt-get update
$ sudo apt-get install talika

Si algú vol aportar algun element que millori la usabilitat del nostre sistema o estèticament, que ho faci que tots en sortirem beneficiats.

FireQuery, una extenció de Firebug per desenvolupar en jQuery

Pitu Sabadí — Sun, 29 Aug 2010 12:52:04 +0000

Actualment quasi tothom quan ha de desenvolupar en JavaScript, usa el framework jQuery. Així mateix, una de les bases per a qualsevol programador web és l’extensió del Firefox, Firebug.

Doncs ara podem veure una extensió que uneix ambdues coses: amb FireQuery, podrem examinar els objectes generats per jQuery i jQeritzar la pàgina. Realment pot millorar les funcions de Firebug.

Pots descarregar-te i instal·lar l’extensió des de la web oficial.

Awesome Screenshot, una nova extensió per Chrome

Pitu Sabadí — Thu, 29 Jul 2010 08:51:15 +0000

Mica en mica Chrome va guanyant en nombre d’extensions, cosa que el fan cada cop més competitiu en el seu major rival, que és Firefox. Considero que la lluita està entre Firefox i Chrome i no hi faig entrar de moment Internet Explorer de Microsoft, perquè la gent que utilitza aquest últim navegador ho fa per la comoditat de no provar altres navegadors.

Chrome actualment és la millor solució i ara que amb “Inspecciona Element” té una eina molt semblant al Firebug de Firefox, realment molta gent pot deixar d’utilitzar aquest darrer, ja que els temps de càrrega i el renderitzat és molt millor al del navegador de Google. Tot i que encara està en una indiscutible tercera posició (dades del juny de 2010):

Microsoft Internet Explorer: 60.32%
Firefox: 23.81%
Chrome: 7.24%
Safari: 4.85%
Opera: 2.27%

Anem al tema, molts de cops volem crear una captura de pantalla d’una web, amb tot el contingut de la pàgina i no només el visible. Amb aquesta extensió ho podem fer amb un sol click, de manera que és molt ràpid i efectiu. Podeu instal·lar de Google extensions de Chrome.

I finalment, animo a tota la gent que encara no ha provat aquest navegador web, que el provi i si li agrada que el faci el seu navegador per defecte. Principalment el recomano als usuaris amb ordinador portàtils de pantalla petita, ja que és molt més minimalista que els navegadors convencionals. La decisió però, és pròpia de cada un.

Compara la velocitat de la teva web amb altres

Pitu Sabadí — Mon, 19 Jul 2010 13:55:21 +0000

La velocitat web és un factor molt important de cara a l’experiència d’usuari que té qualsevol visitant. Fins ara només era això, però de fa un temps cap aquí ha anat guanyant importància. Tant és així que Google ja va anunciar que seria un dels factors que tindria en compte de cara el posicionament web en el seu cercador.

Amb Wich loads faster? pots fer comparatives entre la teva web i qualsevol altre per veure qui carrega més ràpid. A més ens permet fer diverses repeticions de càrrega per aconseguir valors més reals dels temps de càrrega entre els diferents sites que provis. Bona aplicació per provar-te amb altres webs i veure amb quines pots competir a nivell de velocitat i quines tenen un hosting molt més ràpid que el teu.

Finalment, has de tenir en compte que a vegades són determinats elements de la teva pàgina que relantitzen la seva càrrega, per això podries utilitzar l’extensió de Chrome, Speed Tracer, per veure quins són els elements més pesats en la càrrega i millorar-ne així el temps global.

Plugin Java de Firefox per a l’Ubuntu 10.04

Pitu Sabadí — Tue, 13 Jul 2010 22:58:19 +0000

L’altre dia, intentant accedir al generador d’horaris de la Universitat, em vaig trobar amb la sorpresa que la darrera versió d’aquesta distribució no inclou els paquets, ara d’Oracle, i que els que inclou són els de OpenJDK.

Així doncs, per poder executar aplicacions web que necessiten aquest plugin ens caldrà instal·lar:

sudo apt-get install openjdk-6-jre «icedtea6-plugin

Un cop fet això, caldrà reiniciar el Firefox i ja podrem executar aquestes aplicacions.

Des de fa bastant de temps, el meu navegador per defecte és el Chrome i en aquest cas diria que cal usar el Firefox per a executar Java al navegador, ja que no he trobat manera en fer-ho amb aquest navegador. Si algú sap o troba la solució que ho faci saber, ja que quan un s’acostuma a un navegador li és molest haver de canviar.

Les extensions indispensables de Chrome

Pitu Sabadí — Mon, 28 Jun 2010 22:43:20 +0000

Des de ja fa un temps que el navegador de Google va guanyant adeptes, assolint uns nivells de creixement molt bons en els darrers mesos. Ara ja fa bastant que l’utilitzo com a navegador per defecte i n’estic content: més ràpid, no dóna problemes de visualització, bona renderització, bon tractament de les imatges, minimalista…

Un dels defectes que pot tenir però, és que no inclou algunes funcionalitats o opcions que es troben a faltar, però que les pots trobar com a extensions. A continuació descriuré les cinc extensions que més m’agraden per a aquest navegador.

Facebook Photo Zoom

Es tracta d’una extensió que ens serveix per al Facebook i la qual és molt útil, ja que ens permet veure les fotografies en tamany real sense haver de clickar al cim d’ella i obrir la pàgina d’aquella imatge.

Feedly

Ja n’havia parlat en el blog antic, es tracta d’un lector de RSS que va amb la teva compte de Google Reader. Genera el contingut en format magazine, fent més atractiva la lectura i la navegació entre les diferents notícies.

Extensió de subscripció a RSS

Una característica de Chrome una mica molesta és que no inclou per defecte un lector de RSS, i si no tenim instal·lada aquesta extensió ens mostra un conjunt de caràcters sense salts de línia i que no serveix per res. Gràcies aquesta extensió podrem subscriure’ns directament a aquell canal.

Downloads

Segur que tots els usuaris d’aquest navegador ens molestem cada cop que volem obrir la pestanya de descàrregues, doncs amb aquesta extensió tindràs un accés directe per tal de poder anar-hi ràpida i còmodament.

Find PHP Function

Una eina ràpida per als qui treballem amb PHP. Enlloc de fer la cerca “php <>” a Google pots buscar directament en aquest cercador amb autocompletat i que t’enllaça directament a l’API de PHP.

Com pots comprovar, a part de les cinc esmentades en tinc d’altres d’instal·lades, i que seran motius d’altres posts en els següents dies. Quan completes aquest navegador amb les extensions que necessites encara el valores més.