Arxiu | Utilitats RSS de la categoria

Optimitzar una web feta en WordPress

Dels CMS (Content Management System) -gestors de continguts- el número 1 en webs de perfil baix i mig arreu del món és WordPress. És fàcil i molt configurable; ideal perquè usuaris de tot tipus (inclús perfils poc tècnics) puguin construir-se la seva web. Va néixer com a eina per gestionar blogs (i s’ha acabat imposant a blogger, movable type…) però actualment és fàcilment configurable per poder-la utilitzar com el sistema per gestionar una pàgina web que no tingui un format blog. Per exemple, amb l’Ivan vam fer Daica, la web d’un restaurant, utilitzant aquest gestor de continguts.

Read More…

La llei de cookies: avisa als teus visitants que fas servir cookies

Resumint: la llei demana que per instal·lar cookies a l’ordinador d’un usuari, cal que aquest hagi donat permís a la web que les instal·la perquè ho faci. Això vol dir que les webs han de posar una mena de text d’alerta “estem instal·lant cookies, les cookies són això…” a la seva web. Que idealment, un cop acceptat/llegit ja no tornarà a aparèixer al visitant… a no ser que esborri les cookies. Ironies!

Read More…

Buscadors inversos d’imatges

Una petita utilitat que pot fer servei quan estàs fent webs o en altres contextos: els buscadors inversos d’imatges. Aquí no hi escriurem unes paraules per trobar l’imatge que volem localitzar, sinó que directament hi posarem una imatge, i aquest cercador ens mostra les webs on està allotjada.

A mi això em va servir la setmana passada d’una manera molt tonta. Tenia un gif animat d’una pel·lícula molt de sèrie B i volia saber quin film era. Vaig descarregar aquest gif animat, el vaig posar en un d’aquests buscadors inversos i em va treure un llistat de resultats. En un d’ells, a més de tenir l’imatge, a sota tenien un sistema de comentaris on un dels usuaris deia que era de la sèrie Land of the lost.

imagesearch Buscadors inversos dimatges

L’eina que jo coneixia de feia un temps és TinEye. Li puges una imatge o li poses l’adreça web que té aquesta imatge i et treu un llistat de pàgines web on es pot localitzar-la. Un dels usos d’aquestes cerques inverses seria per veure si han piratejat alguna fotografia nostra.

Però resulta que això del TinEye també ho fa Google (i jo que no ho sabia fins no fa gaire). Si obres la pàgina de cerca d’imatges al navegador, des del teu ordinador pots arrossegar una imatge que hi tinguis guardada cap al navegador, deixant-la a la part central, on hi ha la barra de cerca. Automàticament et pujarà l’imatge i et farà una cerca amb webs on està allunyada l’imatge. Funciona millor que el TinEye, que el poder d’indexació de Google és el que és.

A més de buscar imatges concretes, a partir d’una imatge també pots fer que et llisti imatges similars (basant-se en el color). Ho fa el TinEye i altres cercadors com Gazopa (aquest a més de color també es fixa en la forma).

Curs de desenvolupament web

Uns quants textos enrere, parlava de cursos que es podien fer gratuïtament i en línia. Comentava que hi ha un bon número d’opcions en anglès i que el castellà no acaba d’estar-hi gaire present. Avui la Mercè, una companya de feina, m’ha passat un enllaç d’un curs que sembla interessant, gratis i en castellà: Introducció al desarrollo web que veig que parla d’html, css, usabilitat, disseny. Així a priori sembla prou interessant, i sent gratuït, no es perd res per provar-ho! A la seva web podeu veure el temari. Comença el 31 de gener!

Propòsits d’any nou: tornar a estudiar amb cursos gratuïts online

Fa uns mesos vaig parlar del curs de Gamification, que organitza Coursera i que a posteriori em va semblar en general molt satisfactori i fàcil de seguir i on l’únic punt negre pel meu gust eren les avaluacions. Que les feien altres alumnes, algun cop ràpid i de pressa per cobrir el tràmit (estaves obligat a avaluar la feina de cinc altres estudiants en cada treball). Resultat: el feedback de com havies plantejat tu la teva solució d’aplicar criteris de jocs a un projecte no era gaire útil. La gràcia és que t’ho pugui valorar algú que entengui molt del tema i pugui treure els punts febles del què has escrit, i no altres estudiants que tot just n’estan aprenent com tu. Entenc però que no hi ha grans maneres de solucionar això en un curs que fos gratuït com aquell. Un sol professor hauria estar incapaç d’avaluar els treballs de les desenes de milers d’estudiants que s’hi van apuntar.

Read More…

Aprenent html i css

Aquest blog com ja he anat comentant l’he volgut orientar sobretot a gent com jo. És a dir, que provenen d’un perfil no tècnic sinó del camp de la comunicació. Quan treballes a internet però, és bàsic controlar del què fan els altres. Tu no programaràs la pàgina, no la dissenyaràs i maquetaràs, però és important saber com funciona tot plegat per afinar a l’hora de fer peticions a les persones amb les que treballes i sovint per avançar feina i fer les coses tu mateix. Vaja, no tenir por a editar l’html d’una pàgina, que tampoc és massa complicat.

Read More…

Web Platform: tots units per a una web millor?

Perquè tot sigui més fàcil pels que ens dediquem a fer webs és imprescindible que hi hagi estandards que indiquin la manera com s’han de fer les coses (que haurien de permetre després, entre altres coses, que si la cosa està ben feta i seguint les directrius, es veiés bé en tots els navegadors). Per això és una gran notícia la creació d’una pàgina com Web Platform, sobretot perquè hi ha els actors principals del mercat donant-hi suport: W3C, Google, Adobe, Microsoft, Facebook, Mozilla, Opera… a les notícies que hi havia llegit es parlava també d’Apple, però no aconsegueixo veure el seu logo enlloc. Seria una llàstima que un cop més volguessin tirar pel seu cantó.

ScreenHunter 01 Oct. 14 10.40 e1350204087556 Web Platform: tots units per a una web millor? Read More…

Novetats Google: guies per webmasters, tag manager, google trends…

Aquests de Google et despistes una mica i van plantejant novetats! Crec que és interessant està subscrit tant al seu official blog com al de webmasters per estar al dia de novetats i canvis.

ScreenHunter 05 Oct. 04 11.26 e1349342797412 Novetats Google: guies per webmasters, tag manager, google trends...

Unifiquen Google Trends i Google insights: a part de donar-me feina per revisar el què havia escrit sobre el Trends, és una unió que ha d’aportar un munt d’informació ara a un sol lloc i cal esperar que serà més fàcil i ràpid localitzar la informació que ens interessa. Recomano remenar-lo per aconseguir informació de les paraules clau que poden ser interessants per la nostra web!

Actualitzen les recomanacions per webmasters: val la pena llegir el què apunten ells a aquestes guies renovades, que al final sortir ben posicionat a Google és bàsic per obtenir bon tràfic. Ells com sempre intenten no potenciar tàctiques SEO de per si, excepte tenir ben etiquetada tota la informació i sobretot demanen que l’esforç es centri en crear contingut de qualitat (que és el què hauria de ser en un món de cercadors perfectes, que no ho és encara).

Tag Manager: una novetat enfocada al sector marketing, que va orientada a haver de tocar menys el codi de la web. Si hem d’afegir codis a la nostra web (per posar el Google Analytics o altres eines d’analítica, per exemple), ens evitarà haver de modificar més la pàgina. Posem un cop el codi del Google Tag Manager i després els altres codis ja els podrem posar i gestionar des d’aquesta nova eina, que ens possibilita fer que només s’apliquin en determinats casos o pàgines, veure els canvis que hem anat fent… Una manera que els que ens encarreguem de la part més de continguts poguem ser més autosuficients sense haver de demanar ajuda al sector tècnic icon smile Novetats Google: guies per webmasters, tag manager, google trends...

La teva cara als resultats de cerca: no és ben bé una novetat recent (crec). En aquest enllaç ho expliquen bé, quatre passos (el primer, tenir compta pròpia a Google Plus), per aconseguir que la nostra cara surti als resultats de Google i ens identifiqui com a autors d’aquell enllaç. Jo de moment ho vaig fer fa un parell o tres de dies a un dels blogs (ambcompte.net) i va aparèixer molt ràpid. Com es veu a la imatge de sota, ajuda a destacar sobre altres resultats sense foto. Ara, si això es generalitza i la foto surt a tots els resultats, ja caldrà que surtis guapo per cridar més l’atenció!

ScreenHunter 03 Oct. 04 11.23 Novetats Google: guies per webmasters, tag manager, google trends...

Screenhunter: captures de pantalla i càlcul de píxels

Capturar trossos d’una web per il·lustrar documents o correus electrònics és una de les feines mecàniques que els que ens dediquem a això repetim més al dia. És una part important per quan s’ha de fer propostes de canvi a la web o il·lustrar problemes concrets que s’hi detecten. Ja fa temps que per fer això tinc un company molt més util que el supercombo-viejuno Impr Pant + Paint. L’Screenhunter és un programa gratuït extremadament senzill i útil. L’instal·les, l’actives i després es redueix a activarlo amb la tecla F6. Pots modificar la tecla en qüestió o si vols pots triar si la captura de pantalla la vols en jpg, gif o bmp. I poc més.

Read More…

Editant imatges en línia fàcilment. Alternatives al Picnik!

Quan publiquem a web, a més d’escriure és habitual que haguem de treballar amb fotografies. Molts cops l’única cosa que necessitem fer és retallar l’imatge a una mida determinada i optimitzar-la per web, perquè ocupi menys espai i la pàgina carregui més ràpidament. Per fer això no calen programes plens d’opcions com pot ser el Photoshop. A la xarxa, sense haver d’instal·lar res a l’ordinador, hi ha varies eines d’edició d’imatges que compleixen aquesta funció. El fet que estiguin al núvol ens permet també poder-hi treballar estiguem en l’ordinador o dispositiu que estiguem.

picnik1 Editant imatges en línia fàcilment. Alternatives al Picnik!

Un és el Picnik, que per senzill i fàcil d’utilitzar m’agradava molt. Parlo en passat perquè té data de defunció: el 19 d’abril. Feia temps, aquest servei el va comprar Google -que en veia un bon editor pel seu Picasa-, però després es va adonar que havia comprat massa coses i aquesta és una de les sacrificades. Però hi ha altres webs que ens poden donar un servei similar si només necessitem retallar fotografies (i treballarles una mica).

Read More…