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

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.

Torrific, client web BitTorrent

Pitu Sabadí — Sun, 26 Sep 2010 23:27:23 +0000

Els arxius .torrent són una bona alternativa alhora de baixar molts de programes de software lliure, tot i que s’ha popularitzat molt el seu ús per altre tipus de descàrregues. Fins al moment, només coneixia la possibilitat de fer aquestes descàrregues mitjançant un client que ens permetés baixar el programa complet.

De la mà de PixelcoBlog avui coneixo Torrific, que ens permet fer aquest tipus de descàrregues des del mateix navegador web. Aquesta funcionalitat que podem donar als navegadors pot ser molt útils en determinats moments que necessitem baixar un .torrent i no tinguem ni podem instal·lar cap client.

Per usar aquest servei us haureu de registrar gratuïtament i podreu usar-lo introduint la direcció del fitxer. Podeu accedir a aquesta aplicació mitjançant la seva web.

Less Framework 2

Pitu Sabadí — Mon, 06 Sep 2010 22:35:43 +0000

Less Framework és un framework de desenvolupament web per a tot tipus de dispositius, també els mòbils. El què es pretén amb el seu ús, es que no s’hagi d’escriure CSS diferents per a cada una de les resolucions que s’utilitzaran. Com tots els FW, porta definides un conjunt de funcionalitats mínimes amb valors predefinits com poden ser les fonts o una reixeta (grid).

Less Framework 2 CSS3 ofereix:

Dues columnes a 320px per a smartphones.
Cinc columnes a 768px per a tablets i netbooks.
Vuit columes a 1280px per a ordinadors de sobre taula i portàtils.

Es pot provar des de la pàgina oficial. Gràcies a Pixelco Blog

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.

Degradats de fons només amb CSS

Pitu Sabadí — Mon, 16 Aug 2010 19:57:34 +0000

En el disseny web, treballar amb imatges és bastant feixug, i en la major part dels cops és millor usar propietats CSS. Fins al moment sempre que volia fer algun fons amb un degradat el feia creant la imatge, cosa que genera una sèrie d’inconvenients que molts de nosaltres hem anat patint.

Avui, buscant alguna alternativa amb només CSS, he trobat una solució prou bona que funciona amb els tres navegadors:

background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));
background: -moz-linear-gradient(top, #ccc, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cccccc’, endColorstr=’#000000′);

La primera línia és per a Chrome i Safari, la segona per a Firefox (cal que sigui la versió 3.6 o superior) i la darrera per a Internet Explorer.

Espero que us sigui d’utilitat.

Millora la llegibilitat amb CSS

Pitu Sabadí — Thu, 08 Jul 2010 23:00:44 +0000

La llegibilitat és un conjunt de característiques que fan que un text o tipografia sigui més fàcil de llegir. Aquesta propietat es pot millorar amb diverses tècniques. Avui em centraré amb la propietat CSS text-rendering, que va introduir Firefox3.0 i que ara també usen els sistemes basats en webkit (Safari i el gran Chrome).

Com tota propietat CSS podem donar-li diferents valors, per tal de que actuï d’una o altra manera:

optimizeLegibility: Dóna prioritat a la llegibilitat del text. Habilita kerning i lligadura de tipografia.
auto: Per defecte usa el valor anterior per a lletres menors de 10px i el següent per a majors.
optimizeSpeed: Dóna prioritat a la velocitat amb la qual es mostrarà el text.
geometricPrecision: Dóna prioritat a la geometria del text.

Per tant la podem usar tal i com utilitzem qualsevol propietat CSS i podem jugar amb les diferents prioritats per tal de trobar un bon equilibri a la web. Per exemple:

#id_element, .classe_element{
text-rendering: auto;
}

Un cop més, i com normalment ens té acostumats, és una propietat que no funciona amb Internet Explorer de Microsoft. Esperem que mica en mica el món web es vagi unificant i es segueixin els estàndards que es van marcant.

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.