Arxiu de l'etiqueta "eines "

  • Divendres 31 octubre 2014 per

    Com saber quina tecnologia utilitza un web?

    Com puc saber quina tecnologia utilitza un web determinat?

    Segur que a vegades t’has fet preguntes com aquestes: Com està fet aquest web? Està programat en PHP, en Ruby, en .Net…? Quin gestor de continguts utilitza: WordPress, Joomla, Drupal…? Quins plugins hi ha instal·lats? Fan servir algun framework? En quin servidor està allotjat?

    Si ets curiós/a de mena, segur que moltes vegades t’has preguntat quina tecnologia utilitza un web concret. Hi ha coses que es poden veure mirant-ne el codi font, però n’hi ha d’altres que costen molt més d’esbrinar.

    Avui et volem recomanar eines que et seran molt útils per saciar la teva curiositat i, de pas, aprendre de com ho fan els demés.

    1. BuiltWith. Segurament és el servei més complet. Introdueixes una URL i et diu amb quin gestor de continguts (o CMS) està gestionat, quins sistemes de publicitat utilitza, els widgets que té en funcionament, el tipus de servidor on està allotjat, les tecnologies amb què està desenvolupat i altres dades d’aquest tipus.

      També té un apartat molt interessant en què es poden veure les tendències de la tecnologia més utilitzada. Per exemple, si busquem quin CMS és el més utilitzat, veurem en un gràfic que el que més s’utilitza és WordPress.

      A més també ofereix una extensió per a Chrome, que et permetrà consultar la tecnologia del web que estàs visualitzant en aquell precís moment. Una eina, molt, molt interessant.

    2. Wappalyzer. És una extensió de navegador disponible tant per Chrome com per Firefox. Si us la instal·leu, podreu veure la tecnologia que utilitza cadascun dels webs que visiteu, d’una manera molt subtil i gens intrusiva. Actualment detecta un bon llistat d’aplicacions, que mica en mica van ampliant.

      És molt recomanable instal·lar-se aquesta extensió, ja que no ens hem de moure del web en qüestió per saber com està feta. Pràctic al 100%!

    3. WhatWeb. Amb una interfície molt menys agradable a la vista, WhatWeb també ens permet introduir una URL i ens dóna informació sobre les tecnologies utilitzades. Respecte als anteriors, també ens dóna informació sobre el servidor, la IP, el número de les versions instal·lades, etc.

    Com saber quins plugins o temes estan instal·lats en un WordPress?

    Per aquells que treballeu amb WordPress, moltes vegades també necessitareu saber quins plugins té instal·lat un web o quin tema (theme) utilitza.

    També hi ha eines per esbrinar-ho, us en recomanem algunes:

    • Is it WordPress?. Un web súper senzill al qual introdueixes una URL i simplement et diu si es tracta o no d’un web gestionat amb WordPress.
    • WP Theme Detector. Tal i com indica el seu nom serveix per esbrinar quin tema té instal·lat un web fet amb WordPress.
    • What WordPress Theme is that? És com l’anterior, però a més ens diu – si ho detecta – quins plugins hi ha instal·lats.

    És una immensa sort tenir totes aquestes eines a l’abast de la mà per quan les necessitem: ja sigui per espiar què fa la competència, per aprendre mirant com ho fan els qui més en saben, per agafar idees de com solucionar problemes tecnològics, etc.

    Esperem que et sigui ben útil!

    (* Fotografia de Timothy Muza, via Unsplash)

    , , ,

  • Divendres 28 març 2014 per

    50 eines i recursos per a escollir colors en disseny web

    Recull d'eines per a treballar en colors - Disseny webTots sabem que els colors transmeten emocions i que, en disseny web, és molt important fer una bona elecció de la paleta de colors. Així, depenent dels colors que utilitzem, transmetrem uns valors o uns altres d’acord amb el tarannà de l’empresa o institució per la qual estiguem treballant.

    Fa temps, en aquest mateix blog, us parlàvem dels esquemes de colors, però avui us volem presentar un llistat molt més exhaustiu d’eines i recursos que us ajudaran a l’hora d’escollir els colors per als vostres dissenys.

    Eines genèriques per a treballar amb el color online

    • Colorhexa
      Donant un codi de color, t’ofereix un munt d’informació sobre paletes de colors, ombres i tints, variacions del mateix to, conversions en altres formats de color… I també un simulador per a persones amb deficiència en la visió del color.
    • Kuler
      És una de les millors eines de creació d’esquemes de color, de la mà d’Adobe.
    • Color Scheme Desginer
      Amb una bonica interfície, ofereix un munt d’eines per a escollir colors i les seves variants. Té magnífiques opcions d’exportació (HTML + CSS, XML i paletes de Phothospo o de Gimp). També té opcions d’accessibilitat, amb el “colorblind”, que et permet simular com ho veuen les persones amb algunes de les deficiències més habituals en la visió del color.
    • Color Explorer
      Ofereix un recull d’eines molt completes per al tractament del color, per a crear i convertir la teva paleta de colors i també permet escollir colors dels esquemes de colors més coneguts i un convertidor de formats i un analitzador de contrast.
    • Color blendy
      Permet anar generant els colors al moment i visualitzar el millor resultat
    • Color combinations tester
      Per a crear combinacions de colors
    • (Actualitzat Nov- 2018) How Colors Work on the Web in 2018
      Una bona guia per entendre els diversos usos del color aplicat al web i com declarar les seves codificacions en RGB, codi hexadecimal, etc.

    Eines per a extreure els colors a partir de pujar una imatge

    Webs on inspirar-se, crear o compartir paletes de colors

    • Color lovers
      És una comunitat online on els afeccionats al color poden crear, compartir i navegar per diferents paletes de color, compartir colors, patrons, parlar sobre les darreres tendències en colors i llegir articles sobre color.
    • Instant Color Schemes
      Esquemes de color generats analitzant l’API d’imatges de Yahoo.
    • ColorRD
      Per a crear i compartir la inspiració relacionada amb els colors.
    • Color Combos

    Eines per agafar colors (color pickers)

    Altres eines curioses

    • Multicolr Search Lab
      Cercador d’imatges a partir del color: tenint com a base 10 milions d’imatges de Flickr, et permet cercar imatges escollint fins a 5 colors. Molt útil per trobar imatges de determinades tonalitats.
    • Stylify Me
      Una eina molt útil! Introdueixes la URL d’un web i et retorna els colors i també els estils principals utilitzats en aquest web.
    • Check my colors
      Com en el cas interior, introdueixes una URL i et dóna els colors utilitzats i valora si hi ha algun problema amb el contrast, lluminositat, etc.
    • Brand colors
      Per a inspirar-se: t’ofereix els codis de color del color corporatiu de moltes marques conegudes
    • Colorzilla
      Extensió molt útil per a Firefox per a agafar els colors dels webs que es visiten

    Infografies interessants

    Teoria del color

    Esperem que us sigui ben útil!

    , ,

  • Dilluns 27 maig 2013 per

    Premi a la innovació per a un eina de gestió sanitària

    Eina de gestió sanitàriaEn aquest blog no acostumem a parlar gaire de les feines que fem. Ens agrada molt més explicar-vos les coses que aprenem, els webs que ens meravellen o diferents aspectes del món del disseny web.

    I segurament la nostra empresa, Antaviana, és molt més coneguda per l’elaboració de webs que no pas per altres feines que també fem, com la creació d’eines a mida que van a satisfer necessitats molt concretes d’entitats i empreses. Aquest és el cas de l’eina de gestió sanitària del PAMEM – que hem desenvolupat conjuntament amb els informàtics del PAMEM i Parc de Salut Mar -, que acaba de guanyar el premi BSalut – Chiesi d’innovació sanitària en l’àmbit de la gestió.

    Es tracta d’una aplicació web pensada perquè els pacients – sobretot els crònics i/o amb poca mobilitat – puguin fer consultes al seu metge o infermera de manera asíncrona, sense haver-se de desplaçar, i que les consultes quedin registrades en la història clínica electrònica del pacient. D’aquesta manera s’aconsegueix una comunicació fluïda entre els professionals de la salut i els pacients i es disminueix el nombre de visites presencials. En definitiva, es tracta d’agilitzar la feina dels professionals de la salut i, a la vegada, millorar l’atenció al pacient, tal i com s’explica en el següent vídeo.

    A mitjà termini la consulta online serà, sens dubte, un estàndard. I, amb l’ús d’eines com aquestes, la gestió sanitària ja ha fixat el rumb cap a l’e-salut.

    Vols més informació sobre les eines que fem? Contacta amb nosaltres!

    , ,

  • 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à.

    , , ,

  • Divendres 12 abril 2013 per

    Scoop.it, una bona eina per a filtrar, agrupar i compartir continguts

    Scoop.it, una bona eina per a fer curació de contingutsInternet està farcit d’informació i saber seleccionar bé la informació es pot considerar un art. De fet, cada vegada hi ha més professions relacionades amb els continguts i, precisament, una d’aquestes noves professions és la del curador de continguts, és a dir, la persona que selecciona, agrupa i comparteix els continguts sobre un determinat tema.

    Pot semblar una tasca senzilla, però no és una feina que pugui fer qualsevol. Cal un gran coneixement sobre el tema que es tracta i fer el seguiment de les fonts més adequades, saber relacionar recursos i combinar el coneixement amb la intuïció per poder destriar el gra de la palla. No s’hi val a publicar el que ja ha publicat tothom.

    Hi ha diverses eines que ens ajuden a seleccionar i distribuir continguts, però avui ens centrem en una de ben senzilla, Scoop.it, que resulta una eina excel·lent per a fer tasques de curació de continguts.

    Amb l’eina et crees un web on vas posant els continguts que selecciones i el funcionament és ben bé el mateix que el de qualsevol xarxa social: segueixes altres perfils i la gent et segueix a tu i vas compartint els recursos que et semblen interessants. És ideal per a aquelles persones a qui no agradi o no tinguin temps d’escriure i que vulguin compartir coneixements sobre un tema específic. I sobretot també pot ser una bona eina de promoció personal per a totes aquelles persones que cerquen feina, per a demostrar la seva expertesa en un tema concret.

    Bé, doncs, aquí teniu un vídeo molt entenedor sobre la utilitat que es pot donar a l’eina.

    Si us decidiu a prova l’eina, podeu veure aquesta presentació feta amb Prezi (justament una altra bona eina que es mereixeria una entrada al nostre blog) que us servirà d’introducció. I, així mateix, podeu llegir l’entrada que van dedicar-hi a Genbeta, en la qual s’analitza scoop.it molt més a fons.

    Ja ho veieu, ara podeu difondre continguts sense tenir coneixements ni de webs ni d’escriptura. Tot fos tan senzill…

    , ,

  • Dijous 21 març 2013 per

    Música a la Xarxa. Recull d’eines, serveis i apps.

    Música a Internet - Serveis, eines i apps sobre músicaAquells que sou nadius digitals potser us semblarà anecdòtic, però pels qui vam viure l’eclosió d’Internet ja des de les facultats o els primers llocs de feina recordem perfectament com van ser els primers serveis de música a Internet.

    Per a descarregar una cançó amb Napster es trigava una eternitat, però ja es podia veure que consumiríem la música d’una altra manera

    Per tots els qui ens encanta escoltar música va ser increïble veure que ens podíem descarregar cançons (cançons soles!) amb el Napster. Trigàvem una eternitat en descarregar cada cançó, però ja s’entreveia que es podia consumir la música d’una altra manera i escoltar-la a la carta, quan volguéssim i només aquelles cançons que nosaltres volguéssim.

    Després va venir la música en streaming i tot plegat va esdevenir una autèntica revolució en el consum de cultura. Per acabar de fer l’invent magnífic, a Internet també podíem descobrir artistes i talents als quals abans només haguéssim arribat per recomanacions d’amics.

    Avui la música segueix tenint un paper molt important a la Xarxa, sobretot perquè també hem viscut una revolució mòbil i d’aquests manera les nostres cançons ens poden acompanyar sempre, en qualsevol dispositiu. Tenim a la nostra disposició eines, serveis i apps que ens apropen a la música i n’hem fet un recull, per què escolliu les que us poden ser més útils.

    Música en streaming

    Música en streaming

    • Spotify. És el servei de música en streaming per excel·lència. Ara mateix és l’opció més recomanable i més popular per a escoltar música en streaming de manera gratuïta amb anuncis. També es pot contractar el servei unlimited per 4,99€/mes o el Premium per 9,99€/mes i escoltar la música sense publicitat i des de tots els dispositius. A part de ser una plataforma completament social, un dels seus punts forts és que disposa d’aplicacions de tercers molt interessants.
    • Grooveshark. Ampli motor de cerca de música i de recomanacions, que permet als usuaris buscar i pujar música de manera lliure i gratuïta. A diferència d’Spotify no precisa descarregar una aplicació d’escriptori.
    • Deezer. Una altra interessant alternativa a l’Spotify, creada per una empresa francesa. Disposa de més de 20 milions de cançons, pots crear les teves llistes, seguir als teus artistes preferits, amb recomanacions personalitzades. També disposa d’aplicacions per a gairebé tots els dispositius mòbils.
    • Ex.fm. Plataforma de música online per a descobrir i compartir música gratuïtament i que disposa d’apps per a iOS i Android i també d’extensió per a Google Chrome.
    • Rdio. Es pot provar gratuïtament però és de pagament, hi ha una tarifa per web i una d’il·limitada per a tots els dispositius. Molt popular als Estats Units.

    Descobrir nova música (algunes amb mp3 per a descarregar)

    Descobrir nova música

    • Last.fm. Fa un temps va ser tendència i ara encara s’utilitza perquè es pot connectar el compte d’Spotify o de d’altres serveis a Last.fm per a construir estadístiques sobre els nostres gustos musicals. Es tracta d’una xarxa social, una ràdio per Internet i a més és també un sistema de recomanació de música molt potent.
    • Free Music Artist. En fase beta. Recomanacions de bona música, amb mp3 per a descarregar.
    • Allmusic. Amb un contingut estructurat, amb crítiques sobre una infinitat d’àlbums i artistes, Allmusic és molt popular i una referència dins del món de la música.
    • Downplayer. Està en fase beta. Requereix invitació però si la demanes, te l’envien de seguida. És un projecte molt interessant, ja que cada dia hi ha 10 mp3 per a escoltar, alguns dels quals disponibles per a descarregar, així com també l’àlbum de la setmana. Les cançons es poden escoltar vinculades al Soundcloud o a l’Spotify.
    • 8tracks. És un lloc web que et permet escoltar les Playlists d’altres usuaris, així com crear les teves llistes i compartir-les, posant-hi una caràtula. També es pot escoltar com a ràdio navegant per estat d’ànim, ocasió o gènere.
    • MySpoonful. Recomanacions de música independent, amb descàrrega gratuïta d’mp3.
    • RCRDLBL. Recomanacions de música amb descàrrega gratuïta d’mp3.
    • SoundCloud. Descobrir música i també escoltar podcasts i audiobooks.
    • Jango. Ràdio per Internet que permet descobrir música, fàcil de fer servir i social. Disposa d’aplicacions per a iPhone, iPad i Android.
    • Jamendo. Permet pujar els teus arxius de música, descarregar cançons i descobrir música, sobretot a nous talents. També disposa de ràdios i d’apps per a iOS, Android i Blackberry.
    • Artist direct. Es tracta d’un lloc web on pots trobar música, vídeos musicals, entrevistes i molt més.

    Música segons l’estat d’ànim

    Escoltar cançons segons l'estat d'ànim

    • The sixty one. Una bonica manera d’escoltar música. Combina imatges amb el tipus de música que escollim, ja sigui segons l’estat d’ànim, el nom d’un artista, el gènere i va oferint automàticament cançons similars a les nostres preferències.
    • Moodstream. Fa temps que a Betes i clicks hi van dedicar un article que podeu llegir si us interessa aquesta eina.
    • Stereomood. Crea llistes a partir de l’estat d’ànim. També es pot portar un registre del teu estat d’ànim al llarg del temps.
    • Aupeo. És una ràdio personal on pots escoltar música gratuïtament i descobrir noves cançons i artistes. Disposa d’apps per gairebé tots els sistemes operatius mòbils.

    Llocs per a descarregar música legalment

    Descarregar música, mp3

    • Insound. És un web dedicat als vinils però també té una secció amb mp3 per a descarregar i la secció l’mp3 de la setmana.
    • Mp3 skull, cercador d’mp3 per a descarregar.
    • Google Play, a la plataforma de Google es poden comprar cançons a preus molt assequibles però, a més, ofereixen la cançó gratuïta de la setmana que es pot descarregar lliurement.
    • Bearshare. Cal descarregar el programa P2P però permet accedir a 20 milions de cançons i vídeos i descarregar-ho legalment. Cal anar alerta perquè, amb la instal·lació, pot ser que se us instal·lin extensions als vostres navegadors.
    • I, de regal, un recull de 100 llocs on descarregar música gratuïtament que van publicar fa temps a GeeksRoom. Molts enllaços encara existeixen!

    Aplicacions mòbils

    Aplicacions mòbils per escoltar i descarregar música

    • Shazam. És l’app amb la que tots havíem somiat. Quan escoltem una cançó que ens agrada i no en coneixem ni el títol ni l’autor, engeguem l’aplicació i (si estem de sort) en un moment ens diu de quina cançó es tracta. A part d’identificar música, també ens permet comprar-la, veure vídeos musicals, obtenir lletres de cançons i informacions sobre llançaments de nous àlbums. Disponible pràcticament per tots els dispositius mòbils.
    • SoundHound. És una app que diria que encara està millor que l’anterior, ja que dóna molta importància al reconeixement de la veu. Identifica les cançons si les cantes o les taral·leges. Permet cercar cançons amb el teclat del mòbil o també mitjançant la veu, hi pots llegir les lletres de les cançons i descobrir i compartir noves músiques.
    • UberHype, amb una excel·lent interfície i uan bona usabilitat és una molt bona aplicació per a descobrir noves músiques. Disponible per a iPhone i Android.
    • DI Radio, Digitally Imported Radio, ràdio de música electrònica amb 37 canals diferents. Disponible per a iOS, Android i Blackberry.
    • MP3 Music Download Show, només per a Android. App per a descarregar música.
    • Bloom.fm, només per a iOS. Amb la versió gratuïta es pot descobrir nova música i escoltar la ràdio.

    Amb aquestes eines – i amb moltes altres que ens podeu anar recomanant – tenim definit un panorama musical a Internet ben apassionant però alhora sempre momentani.

    Només ha quedat per resoldre la manera com paguem tot aquest consum de música. En el nostre país ha estat molt arrelada la idea de que les descàrregues han de ser gratuïtes, però tot això haurà de conviure amb altres sistemes com el micromecenatge (crowfounding) o el pagament per uns determinats serveis de manera regular.

    És cert, ja no comprem discs (o només ho fem ocasionalment), ens agrada molt més pagar per serveis que ens obren la porta al paradís: música a tota hora i sense fi.

    Visca la música!

    , , , , ,

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