Text enlloc d’un logo mitjançant el CSS text-indent

text-indent” estableix la tabulació de la primera línia de text d’un element. La tabulació es pot indicar mitjançant qualsevol de les unitats de mesura definides per CSS 2, incloent els percentatges.

Amb la propietat text-indent podem amagar el text, per exemple, d’una capa, i colocar-hi una imatge o logotip amb un link com a imatge de fons. Dit d’una altra manera: podem substituir un logotip per text pla, però el que visualitzarem serà únicament el logotip.

<style type="text/css">
h1 a {
   display: block;
   text-decoration: none;
   width: 128px;
   height: 128px;
   bottom: 0px;
   background: url(mozilla-icon.png) no-repeat left top;
   text-indent: -99999px;
}
</style>

<h1><a href="http://www.mozilla-europe.org/ca">Mozilla</a></h1>

La solució de text-indent és més enrevessada que la típica imatge amb etiquetes alt i title, però és millor de cara al SEO.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Js emulador de CSS3 per a Internet Explorer 5, 6, 7 i 8

ie-css3.js permet a Internet Explorer identificar els selectors de CSS3. Només s’ha d’incloure la seqüència de comandaments a les pàgines HTML i començar a utilitzar els selectors CSS3 als fulls d’estil.


<script src="DOMAssistantCompressed-2.7.4.js" type="text/javascript">
</script> <script src="ie-css3.js" type="text/javascript"></script>

A la pàgina de Keith Clark tenim informació ampliada: coses a tenir en compte, explicacions sobre el funcionament, descàrrega del javascript…

Sens dubte és una molt bona eina per mirar endavant i començar a perdre la por al jou que representa IE6 pel que fa al disseny i desenvolupament web (i al nostre creixement interior com a dissenyadors i desenvolupadors web).

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Search Engine Optimization per a Wordpress

El posicionament en cercadors o posicionament web és el resultat de la recuperació d’informació a la base de dades dels grans Motors de Cerca d’Internet per l’ús d’algorismes de cerca en el programari.

La tasca d’ajustar la informació de les pàgines que es pretenen fer aparèixer en primeres posicions dels resultats és coneguda com SEO, sigla en anglès de Search Engine Optimization, optimització per a motors de cerca. Consisteix a aplicar diverses tècniques per aconseguir que els cercadors d’Internet situïn determinada pàgina web en una posició i categoria alta (primeres posicions) dins de la seva pàgina de resultats per a determinats termes i frases clau de cerca.

Markus Walter ha creat un document el qual explica molt bé totes les passes per conseguir un bon SEO pel nostre Wordpress. El document esta destinat a aquest CMS tan popular, encara que la mayoria de consells son aplicables a tots els webs.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Claves del Nuevo Marketing

Buscant informació sobre màrqueting digital he trobat aquesta joia. Es tracta del llibre Claves del Nuevo Marketing. Escrit per diversos autors, es pot trobar a les llibreries i també a la xarxa de forma gratuïta.

Publicat originàriament en format digital, el llibre repassa els canvis que s’estan experimentant ja s’han experimentat dins el màrqueting, i dona consells i solucions cap a la comercialització digital dels nostres productes.

Una joia, sens dubte.

Article relacionat: Tienes 5 Segundos

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Time management & Co

S’acaba l’any i entrem a les desenes del 2010. Hi he estat donant voltes sobre algun tema del què parlar, i al final m’he recordat d’un post que tenia pendent d’acabar. I què millor que un bon llistat de programes per controlar el nostre temps ara que ens trobem enmig de festes i de dies feiners intercalats entre galets i canelons?

Més d’una vegada ens haurem trobat amb la necessitat d’organitzar el temps i un dels principals problemes que trobem és la complicació del recompte a final del dia. Per a tots aquells que necessiten un control acurat i el més exacte de la jornada, us deixo uns quants dels millors programes gratuïts que poden ajudar-vos a optimitzar el temps.

Que tingueu un bon any nou!

Control del temps (hores per projecte):

- Klok (Multiplataforma): petita aplicació per a Adobe Air que permet crear projectes i subprojectes i comptabilitzar el temps destinat per a cadascun d’ells. Tot i la seva simplicitat, compleix amb les necessitats d’un programa per a gestió de les hores per projecte, permetent, a més, la visualització i exportació dels temps en format Excel. L’únic inconvenient que li veig, és el fet de no poder exportar o visualitzar les hores d’una franja de temps d’un únic projecte.

- PhiTodo (Multiplataforma): personalment, un dels millors programes d’aquesta modalitat per a Windows per al control del temps ja que permet compartir les hores amb altres usuaris registrats al programa. Com l’anterior, es tracta d’una aplicació d’Adobe Air, pel que caldrà tenir prèviament instal·lat aquest programa gratuït d’Adobe. Ara bé, com a inconvenient li veig la poca manipulació de les tasques ja que en el cas d’haver-te oblidat d’iniciar el cronòmetre del projecte, no pots incloure les hores de més de forma manual.

- Harvest (Windows Vista i Mac): widget o aplicació molt simple i fàcil d’utilitzar que compleix perfectament amb la idea d’un gestor de temps. Es tracta, doncs, d’una aplicació que utilitza el suport en disc dur (en el cas de Mac s’instal·larà al Dashboard, mentre que per Windows serà una aplicació de Yahoo!), i el suport online des de la seva web. D’aquesta manera, podem controlar el temps dels projectes tant des de l’ordinador, com des de la web gràcies a la connexió via Internet que s’estableix entre les dues i que permet veure una actualització a temps real del temps utilitzat. Inconvenients: necessita Internet, de pagament.

- Toggl (Online): simple però efectiva, es tracta d’una aplicació online que permet comptar el temps per projecte. Existeix versió gratuïta i de pagament.

- Workrave (Windows i Linux): curiosa aplicació que planteja una necessitat que molts cops hauríem de tenir més present durant les llargues jornades de treball. Es tracta, doncs, d’un programa que es centra en el Repetitive Strain Injury (RSI) provocat per la falta de pauses o micropauses entre hores de feina. Workrave s’encarregarà d’enviar un avís cada cop que haguem d’aturar el nostre procés productiu a fi d’evitar lesions posteriors.

Gestió de projectes:

- Basecamp (Online): complet gestor de projectes amb força renom. Les seves funcionalitats van des de l’assignació de tasques, compartir arxius, fer un seguiment de les hores, crear planificacions i visualitzar deadlines, crear llistes ToDo, o fins i tot fer una vista prèvia de tot el projecte (arxius relacionats, comentaris o la planificació i les hores utilitzades). Excepte pel fet de què és de pagament, es tracta d’una magnífica eina per a la gestió de projectes que permet una ordenada coordinació entre equips de persones tot i no trobar-se en un mateix emplaçament físic. També disposa d’una versió reduïda si bé no tant completa per a la gestió de projectes anomenada Backpack.

- Checkvist (Online): aplicació online que permet compartir llistes ToDo amb altres usuaris o membres d’un equip. Tot i la seva simplicitat, es tracta d’una eina gratuïta que ajuda en la jerarquització de tasques i la seva discussió o modificació.

- Todoist (Online): val a dir que, com en el Checkvist, aquesta aplicació online pot resultar útil per a aquells que necessitin tenir la seva llista ToDo accessible en tot moment. En aquest cas, Todoist es presenta com una eina poc complexa que permet coordinar-se amb Gmail com una App més dins de l’aplicació de Google.

Gestió de contactes:

- Address Book (Mac): simple però fantàstic programa per a la gestió i ordenació de contactes que ens permet classificar totes aquelles dades dels contactes en una sola fitxa tals com el telèfon, la direcció o les seves comptes de correu electrònic.

- Gmail/Google Contacts (Online): en el cas de no disposar d’un SO Mac, Google també ens proporciona una bona eina per a la gestió de contactes mitjançant la creació de fitxes personals fàcilment classificables. A més, el podem trobar també com a add-on de Thunderbird, fet que el fa més mal·leable a les diferents aplicacions de correu existents.

Optimització d’accions:

- Launchy (Windows): ens obre arxius, carpetes i programes sense necessitat de buscar-los al menú d’inici. Per aquells de Mac, segurament els sonarà a Quicksilver, una fantàstica aplicació que t’estalviava haver de buscar els programes a la carpeta d’aplicacions o al Dock (molt útil per a les versions Tiger o inferior).

- Quicksilver (Mac): versió avançada de Launchy solament per a Mac. Com deia, una aplicació realment potent fins al punt de poder manipular accions d’iTunes (passar cançó, pujar volum, pausa…) o fins i tot cerca de documents. És una llàstima que amb la versió Leopard, l’aplicació nadiva Spotlight ja supleixi la funció de l’aplicació.

- Hyperwords (OnlineFirefox i Google Chrome): add-on per a Firefox i Chrome que ens permet, mitjançant la selecció d’una paraula, buscar-la, compartir-la, traduir-la…

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Green Xmas

Com cada any l’equip de Meddia vol desitjar-vos molt bones festes i feliç any nou. Per fer-ho, enguany hem preparat una cosa diferent i molt, molt optimista. Bon Nadal i feliç 2010!

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Google Browser Size

Google Browser Size és una pàgina/utilitat que ens permet de visualitzar diferents amplades de finestra i el percentatge de visitants que fan servir aquestes amplades.

Google Browser Size

Per exemple: la xifra “90%” vol dir que el 90% dels visitants tenen, com a mínim, aquesta o una mida més gran de finestra de navegador.

Es tracta d’una pàgina molt útil per dissenyadors, arquitectes de la informació, desenvolupadors, etc. ja que permet saber si un contingut important queda fora, total o parcialment, del camp de visió dels visitants.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Interessant promo d’Ikea a través de Facebook

Interessant no, impressionant promo d’Ikea en la que regala objectes de la fotografia d’una habitació a usuaris etiquetats a través de Facebook. Sens dubte una idea molt original …i barata.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Desinstalar programas en Mac gratis: AppCleaner

En realidad desinstalar un programa en Mac es tan sencillo como trasladarlo de la carpeta de Aplicaciones a la papelera. Sin embargo, a veces se quedan por ahí archivos asociados al programa (sobre todo en la carpeta del sistema y en las preferencias y librerías) que aunque no molestan para nada, siempre es mejor eliminar ya que una vez borrado el programa no tienen ninguna utilidad. Quizás la aplicación más conocida para borrar programas en Mac sea “AppZipper” que es realmente buena y sólo cuesta 13 dólares.

Yo sin embargo utilizo AppCleaner, que hace lo mismo, y es gratis. Es muy fácil de usar: basta con arrastrar el programa a la ventana de AppCleaner y cuando clicamos en “delete” nos sale una lista de los archivos asociados encontrados que se borrarán junto con el programa.  También hay una opción de revisar desde el mismo AppCleaner la lista de aplicaciones/programas y borrarlos directamente desde ahí, lo cual es muy práctico para no abrir una ventana más del Finder.

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Penjades les comunicacions del IV Congrés de la CiberSocietat

inauguració IV congrés de la CiberSocietat

Divendres passat, 13 de novembre, va tenir lloc la inauguració presencial del IV Congrés de l’Observatori de la CiberSocietat, del que Meddia ha creat la plataforma. Tot estava en marxa, els fòrums, els perfils, les activitats complementàries, els perfils a les xarxes socials… i totes les comunicacions penjades. Tant al web com físicament perquè els assisent les podessin apadrinar.

dscn1419

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn