Arxiu de l'autor "Bernat Lleonart "

  • Dijous 25 juliol 2013 per

    Duck Duck Go, un cercador alternatiu

    Els usuaris d’internet cada vegada són més sensibles a la privacitat de les seves dades personals i del que publiquen a la xarxa, i això obre una via de negoci per a companyies que poden oferir seguretat en aquest camp. És ben clar que en la privacitat hi ha negoci.

    Els usuaris són conscients de la importància de la privacitat i volen preservar les seves dades, però en realitat ben pocs fan res i continuen deixant-ho tot en mans d’empreses com Google, perquè no coneixen alternatives als seus serveis.

    En aquest context, el passat mes de juny, el cercador Duck Duck Go ha incrementat curiosament el tràfic, potser degut a les filtracions que diuen que Google, Microsoft, Yahoo! i altres companyies havien participat al programa PRISM de l’Agència Nacional de Seguretat dels EUA.

    El fundador del cercador, Gabe Weinberg, ha dit que per guanyar diners amb un cercador no cal rastrejar la gent, n’hi ha prou mostrant enllaços patrocinats basats en la cerca, i no en el perfil de l’usuari.

    Duck Duck Go obté els resultats d’altres cercadors i webs com Wikipedia, Yahoo!, Bing i WolphramAlpha, i prioritza la privacitat per damunt de tot: no guarda adreces IP, ni cookies, ni informació de l’usuari. Les cerques són anònimes i encriptades, i un cop ha mostrat els resultats ja no les guarda.

    Google i Micrososft, en canvi, sí que guarden i utilitzen aquestes dades, en principi per aproximar els resultats de les cerques als interessos de l’usuari. El problema és que no se sap mai què pot passar amb aquestes dades guardades (poden ser sol·licitades per un govern, venudes, robades…).

    El problema de les cerques adaptades és que els resultats es limiten als teus interessos, o al lloc des d’on fas la cerca… és a dir que hi ha una part de resultats que no t’arriba i que podria ser també interessant. És el que es coneix com a bombolla dels cercadors. Duck Duck Go, en canvi, ofereix els mateixos resultats a tots els usuaris.

    Característiques de Duck Duck Go

    Duck Duck Go té més opcions de cerca de les que us podeu imaginar. Us recomanem que el proveu durant uns dies, posant-lo com a cercador predeterminat del vostre navegador, i ja veureu com no és tan difícil abandonar el que sembla a vegades irrenunciable.

    , ,

  • Dimecres 15 maig 2013 per

    Eines per a desenvolupadors front-end

    Eines per a desenvolupadors front-end
    La feina dels anomenats desenvolupadors front-end, els qui escriuen el codi que interpretarà el navegador de l’usuari, s’ha anat refinant en els últims temps. Si fa uns anys no se li donava la importància que mereixia, amb l’explosió dels estàndards web es va veure que aquest aspecte del desenvolupament web necessitava la màxima atenció, ja que d’ell en depenien aspectes tan cabdals com l’accessibilitat, la usabilitat o la rapidesa amb què un web es descarregava del servidor i es mostrava a les pantalles.

    És per això que no han parat de sorgir aplicacions i extensions per als navegadors que faciliten la feina en aquesta àrea. Els mateixos navegadors incorporen ja les seves eines per a desenvolupadors per ajudar-nos a analitzar, depurar i optimitzar webs. Aquestes eines tenen totes unes característiques similars que permeten treballar bàsicament en els següents aspectes:

    • Inspecció i modificació del codi HTML i CSS: podem afegir i eliminar nodes del DOM, canviar estils, afegir atributs…
    • Depuració de codi JavaScript
    • Anàlisi del rendiment de la pàgina a la xarxa (temps de càrrega, pes de la pàgina)
    • Anàlisi del rendiment a l’hora de renderitzar la pàgina: podem veure quant tarden a carregar-se els diferents recursos, quins poden alentir la càrrega general, quant temps es destina a calcular els estils CSS…

    Aquí podeu trobar informació i documentació més detallada segons el navegador que feu servir per a la vostra feina de desenvolupadors:

    I no podriem acabar sense mencionar un parell d’eines pioneres en aquest camp: Firebug i la Web Developer Toolbar, de les que us vam parlar per aquí ja fa temps.

    Si treieu el suc a aquestes eines segur que la vostra feina se’n beneficiarà.

    , , ,

  • Dijous 7 març 2013 per

    Opera, l’altre navegador

    Navegador Opera

    El passat 12 de febrer vam saber que el navegador Opera ja ha arribat als 300 milions d’usuaris, i que passarà a utilitzar WebKit com a motor de renderitzat.

    El motor de renderitzat d’un navegador web és el software que interpreta el contingut (normalment escrit en HTML), i la informació de format (normalment el CSS), i ho mostra a la pantalla perquè ho poguem veure sense necessitat de conèixer ni llegir el codi.

    Aquests són alguns dels motors més coneguts, juntament amb els navegadors que els utilitzen:

    • Gecko: Firefox, Camino i Netscape, entre d’altres
    • KHTML: Konqueror
    • Presto: Opera des de la versió 7 fins ara, que canvien a WebKit
    • Trident: Internet Explorer
    • WebKit: Chrome, iOS i Safari, entre d’altres

    Opera no ha estat mai entre els navegadors més utilitzats pels usuaris, però sí que s’ha guanyat un respecte entre la comunitat de desenvolupadors web, per la seva vocació innovadora i de respecte als estàndards com a via per aconseguir una web universal.

    Una mica d’història d’Opera

    Opera va néixer a Noruega el 1994, com un projecte de recerca, i es va fer públic el 1996. Des de mitjans dels anys 90 Opera va estar desenvolupant el seu propi motor de renderitzat (Presto), enmig de la guerra de navegadors (que enfrontava Internet Explorer i Netscape), amb la idea d’impulsar els estàndards web. Ha arribat un moment, però, en què s’ha vist que el projecte WebKit està molt més avançat, i Opera ha preferit adoptar-lo per tal d’enfocar tots els esforços en crear un navegador millor, independentment del motor que utilitzi.

    A primer cop d’ull sembla una idea prou encertada, ja que si existeix un motor que funciona amb èxit, no caldria crear-ne un altre que arribi a fer el mateix. Però per altra banda la comunitat queda òrfena d’una alternativa al que és majoritari (fins i tot hi ha una petició perquè Presto no desaparegui), i pensem que la competència afavoreix i incentiva sempre la qualitat, en tots els camps. No seria massa beneficiós que la web es convertís en un territori WebKit, ja que els estàndards ja no tindrien sentit, seria només WebKit qui marcaria el camí.

    Volem reconèixer des d’aquí alguns aspectes interessants d’aquest navegador:

    • Va ser el primer a introduïr les pestanyes al navegador l’any 2000.
    • Opera Mini és un navegador per a dispositius mòbils amb molt d’èxit.
    • El navegador de la consola Wii de Nintendo és d’Opera.
    • Va ser un dels primers navegadors a passar les proves ACID 2 i ACID 3 de renderitzat de pàgines
    • Opera ha apostat també per l’accessibilitat des dels inicis:
      • Zoom real de tota la pàgina (no només el text, com feien els altres navegadors)
      • Ús de les tecles d’accés ràpid per a la navegació amb el teclat
      • Navegació gestual amb el ratolí

    Aquestes i altres innovacions han contribuït a millorar la usabilitat i l’accessibilitat a l’hora de navegar, i han servit moltes vegades de pauta per a la resta de navegadors. És per això que hem considerat oportú dedicar aquest apunt a un navegador que normalment no tenim gaire present. El voleu provar?

  • Dimarts 15 gener 2013 per

    Recursos web: contrast de color i accessibilitat

    Contrast de color

    Fa uns dies la Sílvia ens parlava d’eines per escollir un esquema de colors adient pel nostre web.

    Quan parlem de color, un altre aspecte a tenir en compte és la relació entre el color del text i el color de fons, perquè l’acte de llegir no suposi un esforç ni una dificultat per a l’usuari. Determinades combinacions poden dificultar enormement la lectura, mentres que d’altres poden ajudar a fer-la més plaent.

    Des del punt de vista de l’accessibilitat, les WCAG 2.0 especifiquen, en la directriu 1.4.3, la ràtio que ha de tenir el text, de manera que sigui fàcilment llegible per tothom.

    Per ajudar-nos a complir amb la normativa disposem d’una sèrie d’eines que ens poden ajudar a calcular aquesta ràtio i fer un web més accessible:

    Trieu l’eina que més us convingui, però sobretot tingueu cura en l’elecció dels colors per fer la web més accessible per a tots.

  • Dimarts 30 octubre 2012 per

    Recursos web: avaluació de webs responsive


    En el procés de desenvolupament d’un web seguint la tècnica del Responsive Web Design (el disseny que s’adapta al dispositiu des del que naveguem) arriba un moment en què cal avaluar el que hem fet, per comprovar com es visualitzarà en diferents dispositius.

    Tot i que l’ideal seria tenir accés a múltiples telèfons mòbils i tauletes, això no sempre és possible (tot i que hi ha iniciatives molt interessants que intenten posar-hi solució). De totes maneres existeixen formes ràpides de veure el nostre disseny en diferents formats:

    • Responsive.is: introduïm l’adreça del nostre web i podrem veure com s’adapta a diferents contextos.
    • Viewport Resizer: es tracta d’un bookmarklet que podem afegir a la barra de marcadors. Quan el cliquem, se’ns desplega una barra a la part superior del navegador, amb les icones dels diferents dispositius que podem avaluar. El punt fort d’aquesta eina és que podem customitzar el bookmarklet segons les nostres necessitats de comprovació. Podem fer que ens mostri només dispositius amb iOS, o determinats models de tauleta, per exemple.
    • Screenfly: a partir de la URL que introduïm, podem escollir entre diferents models i formats de mòbils, tauletes i televisors.
    • Responsive Web Design Testing Tool: en una única pantalla podem veure com el nostre disseny s’adapta a diferents amplades: 240, 320, 480, 768 i 1024 píxels.

    Aquestes són només algunes de les eines que es poden trobar actualment per ajudar-nos a construir interfícies que s’adaptin a les mides dels dispositius. Cal tenir en compte que l’òptim seria poder fer les comprovacions en els dispositius reals, però com que no sempre és possible, donem gràcies als qui, de forma altruista, ens faciliten una mica la feina cada dia.

  • Dilluns 22 octubre 2012 per

    Readlists: llistes de lectura i ebooks

    Readlists és una eina senzilla i efectiva que us permetrà organitzar i exportar les vostres llistes de lectura en format de llibre electrònic.

    Només cal que mitjançant la interfície del web afegim les adreces dels continguts que tenim pendents de llegir. Un cop definida la llista, tenim diverses opcions:

    • Exportar-la al Kindle, iPhone o iPad en format ebook.
    • Exportar-la al nostre Readmill (un servei del que esperem parlar-vos properament).
    • Enviar-la per email o descarregar-la en format ePub.

    D’aquesta manera tindrem una recopilació de continguts que podrem llegir còmodament des del dispositiu que més ens convingui.

    Possibles llistats que se’ns ocorren per a Readlists, i que pot ser útil tenir en format de llibre electrònic:

    • Receptes de cuina.
    • Materials per al seguiment d’un curs acadèmic.
    • Articles de premsa entorn a una temàtica concreta.

    No cal registrar-nos per per fer ús d’aquest servei, però si estem donats d’alta a Readability podrem enviar-hi articles des del mateix Readlists.

    Estem segurs que a partir d’ara les vostres llistes de lectura seran més agradables de digerir gràcies a Readlists.

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos