Arxiu de la categoria: Eines del Taller

Proves sobre plataformes i navegadors amb BrowserStack

No cal dir la importància que ocupa en la qualitat d’un projecte web el correcte funcionament sobre totes les plataformes a les quals va dirigit. I amb la creixent varietat de dispositius i sistemes que el mercat genera, als desenvolupadors se’ns gira feina en aquest aspecte.

De fa temps, una eina que fem servir constantment al Taller és BrowserStack. Es tracta d’un servei que ens permet fer comprovacions massives del funcionament dels projectes web que preparem sobre una gran quantitat de navegadors i plataformes.

browserstack

Creiem que BrowserStack ens proporciona alguns avantatges per sobre d’altres serveis similars que hem provat:

  • Ens permet fer comprovacions d’ús sobre entorns reals de sistemes operatius, navegadors i altres eines. No treballa amb emuladors, treballa amb sistemes complets virtualitzats. Això vol dir que podem provar els projectes com si tinguéssim els dispositius reals a les mans amb un rendiment molt acceptable.
  • La quantitat de variacions de sistemes operatius, versions de navegadors, resolucions de pantalla… entre la que podem triar és enorme. També s’inclouen versions betes, aurora, next, devs…, de manera que podem provar els projectes avançant-nos una mica al futur proper.
  • Els navegadors van carregats de les eines per a desenvolupadors que necessitem: Firebug, Yslow, Web developper… estan ja instal·lades.
  • De fa un temps permet generar i descarregar captures de pantalla en lot. Amb un sol clic podem baixar-nos un zip amb dotzenes de vistes d’una pàgina en multitud de plataformes.
  • Molt important: es poden fer proves sobre sistemes locals, no cal que el projecte estigui publicat a Internet. Podem crear un túnel entre la nostra xarxa i la de BrowserStack en un moment i començar a testejar.

Per un preu més que raonable, amb BrowserStack podem assegurar el bon funcionament dels projectes d’una forma molt completa.

SimplyRain: ment fresca i concentració

Ja fa més de tres anys (!) que escrivíem sobre SimplyNoise, una eina de la que alguns de Fesomia en som fans. Pels que us vingui de nou, es tracta d’un servei que emet soroll de diferents colors i intensitats, molt adequats per afavorir la concentració.

SimplyRain

Avui escrivim sobre una eina germana dels mateixos creadors: SimplyRain. El principi és el mateix, però en aquest cas ens permet submergir-nos en el so relaxant i aïllant de la pluja. Amb els controls podrem ajustar el volum, la intensitat i els trons per aconseguir la nostra barrera aïllant preferida.

Si no heu provat mai de treballar amb aquest tipus d’efectes i sovint us costa concentrar-vos, us recomanem que ho proveu. Els primers minuts potser costa una mica acostumar-s’hi, però amb el temps vas entrant de mica en mica en un estat d’atenció per la feina molt alt. Per descomptat, no a tothom li funciona, però a algunes persones ens ajuda a treballar millor.

Es tracta d’un servei senzill però molt efectiu. Actualment ja n’hi han molts de similars, però SimplyNoise és de moment el nostre preferit per la seva qualitat de so. Es pot fer servir des de la pròpia pàgina web o des de les aplicacions per mòbil que han publicat.

Ara que comencen les calors pot ser una bona forma de refrescar la ment mentre treballem concentrats.

Eines del Taller: Lorempixel

Eines del Taller és una petita secció que encetem avui sobre recursos que fem servir al Taller d’Enraona en la feina de cada dia.

Mirarem de comentar diversos serveis i programes que, de tant i tant habituals per nosaltres (i per molts de vosaltres també), gairebé no els donem la importància que caldria. No són nous però allà estan, a la caixa d’eines, a l’abast de la mà.

Un servei per incloure imatges provisionals. Amb estil, això sí.

Amb l’encertat nom de Lorempixel es presenta un servei que ens facilita la inserció d’imatges provisionals en la maquetació web abans d’entrar a producció. Només jugant amb l’atribut src de l’etiqueta img obtenim una imatge definint les mides, el color i, el més important, la temàtica. Per exemple:

<img src="http://lorempixel.com/400/250/transport/" />

ens serveix una imatge aleatòria de 400×250 píxels sobre transport:

Divertit. A la única pàgina del web de Lorempixel tenim totes les instruccions que necessitem per definir les mides, el color, el tema i el text sobreposat. Ben fàcil, ben enginyós.

Per a què el fem servir?

Està clar que Lorempixel no serveix per dissenyar pàgines, però sí que li hem trobat un sentit per presentar al client seccions dinàmiques, com les de notícies, del seu lloc web sense haver de deixar requadres en gris i sense trencar-nos la closca. També ens és útil per a il·lustrar la maquetació del tema d’un blog al client abans de que hi hagi cap article real.

Lorempixel està creat per l’equip alemany Holler Moritz. Mira, sovint les idees més simples són les que envegem més com a desenvolupadors.