1.- Páginas de empresa si, perfiles o grupos no.

En primer lugar hay que señalar que los perfiles de facebook han sido diseñados para personas físicas, y no para empresas o corporaciones de ningún tipo. Este es el primer error de muchas organizaciones, que al crear su facebook corporativo, incurren en el recurrente fallo de abrir un nuevo perfil en vez de una página. Las diferencias son bastantes:

• En vez de “fans” tendremos “amigos” (Un concepto un tanto ambiguo cuando se esta hablando de una empresa).
• La información de una página es perfectamente visible y pública al contrario que la de un perfil privado, que esta pensado para proteger la privacidad del usuario.
• Facebook no permite el uso de perfiles privados como páginas de empresas, así que en cualquier momento la puede eliminar si detecta esta modo de uso de un perfil.
• Las páginas pueden tener un número ilimitado de fans, los perfiles solo alcanzan a día de hoy a 5000 contactos como máximo.
• Cualquier puede hacerse fan de tu empresa sin la necesidad de que tengas que confirmar uno a uno a tus seguidores.
• Con una página podremos enviar actualizaciones de contenido a todos nuestros seguidores.
• Google indexa mucho mejor el contenido de las fan pages que de los perfiles privados.

2.- Una vez creada la página, que pasos hay que dar?

Bien, crear una fan page de facebook es sencillo, pero no lo es tanto saber que hay que hacer después. Una vez creada la página (para los que no lo sepan, hay que ir ahttp://www.facebook.com/pages/create.php) y seleccionada la categoría de la misma, habrá que empezar a meter información sobre la empresa en la nueva fan page.

Lo primero es cargar una imagen de perfil. Se recomienda, por elegancia, utilizar el tamaño máximo permitido para ello, que son 200px de ancho por 600px de alto. Es recomendable que en esta imagen vaya incluido de alguna manera el logo corporativo, y el slogan si lo hubiera.

Después facebook nos pedirá que importemos una lista de contactos para enviarles un e-mail informando de la nueva fan-page creada, y dándoles la oportunidad de hacerse fans. Nuestra recomendación es esperar a tener la página un poco mas madura, para dar mejor imagen. Este paso se puede omitir ahora y retomarlo más adelante.

Tras ello podremos añadir todo tipo de datos, muy recomendables, como la url de la web corporativa, una descripción, la dirección postal, productos, premios…y un largo etc. Es completamente recomendable ofrecer cuánta mas información mejor, ya que esto dará imagen de que nos tomamos las cosas en serio.

Cuando hayamos terminado esto, podremos añadir nuevas pestañas a nuestra página como la típica “splash screen” o pantalla de bienvenida, la pestaña de contacto (con Google maps incluido), una pestaña para incluir archivos pdf, etc. Todo ello, sin extenderme demasiado, se puede hacer gracias a webs comohttp://www.webuzzapp.com/.

3.- Para nota: Pasos adicionales para perfeccionar al detalle la fan-page

Esto es una recopilación de consejos que nuestra experiencia nos ha permitido comprobar que son beneficiosos para las fan-pages:

• Diseña al menos 5 imágenes para que se muestren en la parte superior del perfil y mételas en el mismo álbum. Ten en cuenta que el orden en el que aparecerán será aleatorio y variará cada vez que se recargue la página, por lo que no puedes crear un mosaico con ellas. Pero se pueden hacer muchas cosas interesantes desde el punto de vista del marketing y el diseño. Échale imaginación!
• Mete nuevas imágenes de vez en cuando en tus álbumes, a la gente le gustan.
• Actualiza el facebook diariamente, y si puedes asociarlo a tu cuenta de twitter, mejor.
• No te olvides de enviar la fan-page a tus clientes, cuando la tengas terminada.
• Cámbiale la url a tu fan-page, y ponle el nombre de tu empresa. Ej: www.facebook.com/OrekaIT. Esto solo se puede hacer cuando tienes 25 fans, así que debes conseguirlos rápido para quitar esa url inicial por defecto tan horrible, compuesta de miles de números y letras sin sentido.

Y hasta aquí el tutorial sobre cómo crear un facebook corporativo correctamente. Esperemos que os haya servido de ayuda, y no dudéis en incluir en los comentarios de esta entrada vuestras recién estrenadas fan-pages para ver como os han quedado!

fuente: http://orekait.com/blog/?p=459

Eso sí, en esta ocasión lo he querido publicar en otro de mis blogs al que os recomiendo que si teneis tiempo, le echeis una ojeada. Es un blog en el que tratamos temas corporativos, de consultoría informática y también cosas de diseño web y posicionamiento SEO.

Link al artículo sobre posicionamiento web

Y por si alguno no tiene demasiado tiempo de leer, aqui dejo un brevísimo resúmen:

1) Ser impacientes y esperar resultados rápidos.

2) Intentar prácticas no naturales.

3) Imponer barreras de rastreo a los buscadores

4) Utilizar flash o imágenes para el menu principal de navegación.

5) Dejar desactualizada la web, el blog, o ambos.

6) No trabajar para conseguir links, o realizar intercambios de estos.

7) No tener en cuenta a la competencia web ni realizar un estudio de mercado.

Como ya os decía, esto solo es un resumen del artículo completo sobre los errores comunes del posicionamiento web

1)  Accesibilidad web: Intenta siempre crear webs amigables para robots de búsqueda y personas físicas.

2)  Poner atención en los títulos de las páginas (que sean descriptivos, diferentes entre si, y que contengan keywords)  y en la meta etiqueta <description>. Deben ser diferentes, y ejercer de reclamo para visitantes y robots.

3) Los keywords deben aparecer en nuestros textos y meta etiquetas en suficiente cantidad como para que la densidad de keywords sea tenida en cuenta por buscadores, pero sin abusar para que el texto sea legible.

4)  Crear una estructura de enlaces internos de manera natural, enlazando todas las páginas entre si y ayudando a los robots mediante un sitemap. Evitar estructuras complejas de directorios y enlaces rotos.

5) El contenido es la clave. Debe ser original, actualizado con periodicidad constante y relacionado con los keywords y temática para la que queremos posicionarnos.

6) Comprobar que los enlaces funcionen siempre.

7) Dar de alta en directorios reconocidos nuestra página.

8 ) Conseguir enlaces de calidad desde webs reputadas y a ser posible de temática relacionada con la nuestra. Poner especial atención en el texto ancla de los enlaces, y en el texto que rodea a los enlaces. Tienen que guardar relación y contener keywords.

9) Crear un blog, y participar en otros de temática similar. Crear una reputación alrededor de la marca.

10) Estar presente en las redes  sociales. Probablemente la que mas importe sea Twitter, seguida de Facebook o Linkedin.

11) Escribir artículos para otras webs, enlazando esos artículos con nuestra web.

12) Estudiar la competencia web, y analizar a nuestro público objetivo.

13) No intentar manipular los resultados de búsquedas con técnicas no permitidas. El riesgo de ser bloqueado por un motor de búsqueda no es asumible en la mayor parte de los casos.

14) Comenzar volcados en nuestra empresa de posicionar una web correctamente, y continuar con  esta actitud de manera imperturbable en el tiempo. Es cierto que el esfuerzo inicial para preparar la web y hacer los estudios de keywords debe ser mayor, pero una vez estabilizada la situación hay que mantener el esfuerzo de manera constante.

15) Continuar aprendiendo constantemente. Nuestros conocimientos de SEO pueden ser muy avanzados hoy, y quedar completamente obsoletos mañana.

Quiero dejar claro que este no es otro  post mas de este tipo, que hay miles. En este verdaderamente he probado personalmente todas y cada una de las aplicaciones. Son las mejores de su categoría, desde mi punto de vista. Y para llegar a esta conclusión he tenido que descartar numerosas aplicaciones “milagro” que al final resultaban inútiles, poco útiles, o no eran 100% gratuitas. Es muy fácil hacer una lista del tipo “los mejores 50 programas para el posicionamiento web” y  no probar ni uno. Y luego resulta que la mitad no valen para nada…

Las herramientas que listo a continuación son una colección de las mejores aplicaciones on-line que he encontrado tras leer decenas de artículos sobre el tema. Puedo asegurar que todas ellas son 100% gratuitas, sin periodos de prueba o restricciones de uso de ningún tipo (algo que veréis que no es tan sencillo de encontrar).

Herramientas para el análisis previo

► Validador Código XHTML 1.0 orientado hacia el posicionamiento web [http://validator.w3.org/]

► Validador Código CSS 3.0  [http://jigsaw.w3.org/css-validator/]

► [Google Trends] : Herramienta para comparar el volumen de búsquedas generado en google para diferentes keywords o keyprhases, a lo largo del tiempo.

► [Google Sets] : Sugerencia de términos más buscados en google en relación a los keywords que le proporcionemos a la herramienta.

Herramientas de uso paralelo a la programación del sitio

► [Page Speed de Google] : Plugin de firefox/firebug para medir la velocidad de carga de un sitio web. Identifica problemas y… ¡ofrece soluciones! solo copiar y pegar lo que él te diga.

Herramientas para el análisis posterior

► [SEOcentro Keyword density Tool] : Analiza las palabras clave de nuestra web y nos muestra el porcentaje de repetición de cada una de ellas (densidad). Extremadamente útil.

► [Bad Neighborhood] : Intresantísima web que nos informa de los enlaces salientes y entrantes a un sitio considerados “no beneficiosos” (malos vecinos) que pudieran influir en nuestra posición. Ademas miden la densidad de links en cada página, comprueban las redirecciones perjudiciales, etc. Indispensable.

► [Google Analytics] : Medidor de estadísticas muy completo. Aconsejable comparar los datos recogidos por esta herramienta con los archivos log del servidor, ya que sus datos no son 100% fiables.

► [Link Diagnosis] : Página web(requiere plugin de firefox) que ofrece información sobre todos los enlaces entrantes a nuestro sitio, informando del estado del los mismos, el texto ancla, páginas indexadas, PR y demás información útil.

► [Ranks NL]  : Herramienta que nos informa de las keyphrases & keywords para las cuales esta optimizado un sitio y otra información relacionada con los keywords.

► [Seo Browser] : Muestra una página tal y como la vería un robot de cualquier buscador.

► [Domain Stats Tool] : Información relevante sobre cualquier dominio introducido, desde dirección IP hasta pais de origen físico del alojamiento web y mas datos.

► [Detector de malos hábitos]:  Estoy cometiendo alguna irregularidad digna de sanción por parte de google?

Pero hoy me ha venido a la mente ciertas preguntas; Si google penaliza el contenido duplicado:

1) No esta bien publicar enlaces de páginas interesantes para tus usuarios? Si pego un artículo de otro blog gen el mío, o una parte de él,  e indico el enlace correspondiente, estoy haciendo algo malo? No va eso en contra de la política de Internet? (todo es de todos)

2) El botón de “leer mas” de todos los blogs (que muestra un pequeño fragmento del contenido de un artículo y al ser pinchado muestra ese mismo fragmento más todo el resto del artículo) es contenido duplicado?

*Vale, puede ser que dentro de un mismo sitio web no se penalice el contenido duplicado pero si entre sitios webs diferentes, no? Pero entonces, dónde queda aquello de la densidad de keywords en los textos de un site para posicionarlo mejor en buscadores? No sería contenido duplicado?

3) Como es capaz google de comparar mis textos con el resto de los existentes en la red? Digo yo que serán unos pocos, no?*

*Vale, nadie dijo que la penalización fuera inmediata pero,… supone esto que google se pasa meses comprobando los textos de mi web por si se me hubiera ocurrido copiarlos?

4) Una imagen copiada de otra web es contenido duplicado? Y si le cambio el nombre de archivo y sus atributos? Voy más lejos todavía; y si la retoco mínimamente con photoshop?

**En ningún caso hablo de hot-linking, que quede claro!

Bueno, sea duplicar contenido  o no, os recomiendo que os paséis por este blog para leer una opinión bastante fundamentada y objetiva. Por mi parte, a mi me suena a leyenda urbana.

Y que quede claro que lo que es seguro es que san google NO penaliza si no hay maldad en la acción de duplicar, y dudo mucho que algún buscador lo haga: Para el que sepa ingles.

Ya podéis dormir más tranquilos.

Funciona de la siguiente manera:

1).- Accedemos a la página border-radius.com

2).- Hacemos diversas pruebas con el rectángulo que aparece. En cada esquina podemos especificar un número diferente para el radio de la circunferencia. Incluso podemos dejarlo a cero para que esa esquina en concreto no tenga redondeo, y las restantes si.

3.- Una vez que nos guste el resultado visual que se nos muestra, copiamos el código que se ha generado y lo pegamos en nuestra hoja de estilos. Este código será valido para navegadores basados en Gecko, Mozilla o simplemente que soporten las especificaciones propias del CSS3.

A disfrutarlo!

Pero esta propiedad mágica (@font-face) de CSS seguro que os ha dado más de un dolor de cabeza al comprobar que no es tan “mágica” después de todo. Lo mas seguro es que vuestra Web se vea completamente diferente en cada nuevo navegador con la que la probáis…verdad? Y ya no hablemos de versiones del mismo navegador…todo un mundo!

Da igual que ya hayáis empezado a trabajar con esta propiedad o que no la conocierais hasta ahora. En este artículo te daremos todas las claves para aprender a utilizarla correctamente, empezando desde el “érase una vez un archivo de fuente”. Hoy vamos a conseguir que las fuentes de vuestra Web se vean perfectamente bajo cualquier navegador y configuración, explicando paso a paso los trucos para cada uno de ellos.

Además daremos soluciones alternativas, y en resumen, os explicaremos TODO lo que hay que saber sobre las fuentes, sus tipos, los navegadores Web que los soportan y las características específicas de las versiones de los navegadores. Cual es la mejor manera de incluir una fuente en mi Web? De qué forma puedo conseguir incrustar fuentes en mis sitios web, y que se vean bien en cualquier navegador? Todas estas preguntas serán respondidas en el definitivo artículo sobre fuentes en la web.

1.- Un poco de teoría: Tipos de archivos de fuentes.

Estos son los tipos de archivos de fuentes que debes de conocer, y sus principales características:

TTF (True type font): Es el tipo de fuente más comúnmente utilizado ya que es un formato estándar de tipo de letra escalable. Fue desarrollado por Apple a finales de los 80

OTF (Open type font): Originada por Microsoft, esta basada en el formato ttf pero con algunas tablas de mejora en su estructura principal. En la actualidad se encuentra en proceso de convertirse en un estándar abierto.

EOT (Embedded open type): Creada igualmente por Microsoft, por lo general su utilidad radica enla posibilidad de convertir una fuente true type a EOT y así poder ser visualizada en el navegador Internet Explorer. Ha sido rechazada como estándar por el W3c. Existe una aplicación llamada Web Embedding Fonts Tool (WEFT) que realiza la conversión entre TTF y EOT de manera automática.

SVG (Scalable vector graphics): Se trata de una especificación para describir gráficos vectoriales bidimensionales en formato XML. En un archivo SVG pueden ser incrustadas varias fuentes diferentes, por eso cada una de ellas llevara un identificador único que se especifica en el momento de crear el archivo SVG.

2.- La propiedad de CSS2 “@font-face”

No voy a aburriros con la historia del CSS1 hasta el CSS3 (actualmente es la versión vigente) ya que no es el objetivo de este post, pero si viene bien que os suene que la propiedad “@font-face” no estaba estandarizada en el lenguaje CSS hasta hace pocos años, cuando salió a la luz el CSS2. De todos modos aún entonces los navegadores diferentes a Explorer fueron reticentes a utilizar esta etiqueta debido a que había que hacerlo obligatoriamente con formato .EOT (propiedad de Microsoft). Hasta que por fin, con la llegada del CSS3, ya se pudo incrustar tipos como el TTF o el OTF.

Su forma de uso es sencilla. En la hoja de estilos CSS hay que colocar lo siguiente (la url variara en vuestro caso):

a)   Para formatos TTF

@font-face {

font-family: nombre-De-Mi-Fuente;

src: url(url/de/mi/fuente/fuente.ttf) format(‘truetype’);

}

b)  Para formato OTF

@font-face {

font-family: nombre-De-Mi-Fuente;

src: url url/de/mi/fuente/fuente.otf) format(‘opentype’);

}

c)  Para formato SVG

font-face {

font-family: nombre-De-Mi-Fuente;

src: url (‘url/fuente.svg#Identificador-de-fuente’) format(‘svg’);

}

d)     Para formatos EOT:

@font-face {

font-family: nombre-De-Mi-Fuente;

src: url url/de/mi/fuente/fuente.eot);

}

e)     Para varios formatos a la vez, por ejemplo OTF + SVG:

@font-face {

font-family: ‘nombre-de-mi-fuente’;

url(‘fuente.otf’) format(‘opentype’),

url(‘fuente.svg#Fuente-identificador’) format(’svg’);

}

Y una vez incrustada la fuente, ya podemos usarla normalmente como una fuente de las denominadas “seguras”:

.headder_text{

font-size:19px;

font-family: nombre-de-mi-fuente, Tahoma;

}

.

3.- ¿Qué navegadores soportan la propiedad CSS @font-face?

4.- Comenzamos el tutorial para incluir cualquier fuente a mi Web. Paso 1: Elegir la fuente

Hace ya algún tiempo escribí un buen artículo que ha tenido bastante éxito sobre como conseguir recursos de fuentes. Pásate por este post para ver las mejores páginas gratuitas donde bajarte archivos de fuentes, o si lo prefieres podrás descargarte un pack con mas de 12.000 fuentes entre las que elegir la tuya. Te recomiendo que elijas varias, puesto que cambia mucho el ver una fuente dentro de tu página o verla fuera.

Una vez que tengas tres o cuatro fuentes a mano, pasa al siguiente punto. Mi recomendación es que elijáis siempre una fuente TTF (true type).

Para este tutorial hemos elegido el tipo de fuente coalition, disponible para descarga desde aquí. También podéis ver una vista previa de la fuente aquí.

5.- Paso 2: Incluir la fuente en la web (incrustarla) mediante la propiedad @font-face

@font-face {

font-family: titulo;

src: url(../fonts/coalition.ttf) format(‘truetype’);

}

.titular1{

font-family: titulo, Verdana;

font-size: 20px;

}

6.- Convertir nuestro archivo de fuente ttf a eot

Hay muchos programas que hacen esta conversión de manera automática, algunos mas complicados que otros, pero la solución mas rápida según mi experiencia (y mas fiable) pasa por realizar este proceso de manera on-line en cualquier Web que ofrezca este servicio. Para mi, una Web como dios manda es

http://www.kirsle.net/wizards/ttf2eot.cgi

En esta Web (esta en inglés pero es terriblemente intuitiva) tendremos dos botones: Uno para subir la fuente ttf deseada y otro para convertirla a EOT. Así de fácil. Una vez realizado el proceso, os descargáis el nuevo archivo .EOF y lo metéis en la carpeta fonts que habíamos creado previamente, junto al archivo .TTF.

7.- Crear un nuevo tipo de fuente para que se visualice en Internet Explorer

Como ya tenemos el archivo convertido .EOT en nuestra carpeta “fonts”, solo nos queda añadir en la hoja de estilos lo siguiente:

@font-face {

font-family: titulo_explorer;

src: url (‘../fonts/coalition.eot);

}

Y ahora modificamos ligeramente las propiedades de la clase “titular1”, añadiendole este nuevo tipo como segunda opción en la propiedad “font-family”:

.titular1{

font-family: titulo, titulo_explorer, Verdana;

font-size: 20px;

}

De esta manera, Internet Explorer intentará renderizar el primer tipo, y al no poder, lo hará con el segundo en formato EOT, cosa que si que podrá hacer sin problemas. El tercer tipo especificado (Verdana) lo dejamos para navegadores minoritarios que pudieran tener algún problema, aunque suponen menos de un 1% del total de usuarios potenciales. También serviría en el supuesto de que vuestro archivo de fuentes no se encontrara disponible en el servidor (borrado accidental, error en la transferencia de datos, etc.).

8.- El toque final: Convertir la fuente a SVG

Hagamos una recapitulación: Con lo realizado hasta ahora, que navegadores siguen sin renderizar bien nuestra nueva fuente?

–> Mozilla Firefox en versiones inferiores a la 3.5, puesto que es precisamente a partir de esta versión cuando implementó el soporte para esta y otras nuevas propiedades del estándar CSS3.

–> Internet Explorer 6: Este navegador es el peor programado de la historia, y por ello hacen falta trucos especiales para conseguir el resultado deseado. Por una cuestión de principios básicos, desde hace algún tiempo no programo para este navegador. Tu eres libre de hacerlo, y si quieres comentarnos la solución en un comentario será bienvenido.

–> Safari en tu iPOD / iPHONE: Igualmente esta versión del navegador ignora la propiedad font-face.

Por eso, para que se termine de ver bien en el 5% restante (aproximadamente) de usuarios que todavía no ven nuestra fuente, hace falta convertir nuestro archivo ttf al formato SVG. Con esta última conversión el resultado sería visible correctamente prácticamente por el 99,9% de los usuarios. Buena cifra, no?

Para ello, usaremos otra excelente web: font squirrel. Subimos nuestra fuente, aceptamos los términos de uso y seleccionamos el modo “expert”. Deberemos indicar que queremos usar nuestra fuente en formato SVG, TTF y EOT, y pulsamos en “Download your kit”. Se nos descargará un archivo que contiene tanto la fuente convertida en los diversos formatos, como una hoja css con la especificación completa de la etiqueta font-face, más o menos así:

@font-face {

font-family: ‘LondonTubeNormal’;

src: url(’8-webfont.eot’);

src: local(‘☺’), url(’8-webfont.ttf’) format(‘truetype’), url(’8-webfont.svg#webfontJLWNI2AR’) format(‘svg’);font-weight: normal;

font-style: normal;

}

Este código será el que necesitaremos incrustar en nuestra hoja de estilos, y una vez copiados los archivos de fuentes a nuestro directorio, quedara listo para ser usado por el método habitual.

Nótese que el código no tiene errores, la “carita” o “smiley” es una solución curiosa para un problema que sería demasiado largo de explicar y que no tiene demasiado interés. Simplemente sabed que es un pequeño “hack” para permitir el funcionamiento correcto del código.

Esta última Web es un buen recurso para ser utilizada siempre; el único motivo por el que no lo he citado al principio es porque quería que comprendierais el código. De otro modo hubiera sido “copiar y pegar” y seguro que habrían salido miles de problemas que os hubieran acabado tirando para atrás.

9.- Alternativas a incrustar las fuentes mediante css: Google fonts

Pues si señoras y señores, ahora viene lo mejor. De nuevo google tuvo una idea rompedora y bastante básica: Porque no alojar fuentes libres de derechos en nuestros servidores para poder ser usadas por cualquier diseñador Web? Y dicho y hecho, así nació GOOGLE FONT DIRECTORY.

En esta sencilla Web se listan una serie de fuentes, no son miles pero hay cosas interesantes, que pueden ser incrustadas y utilizadas en nuestra Web mediante un sencillo link. El modo de uso es el siguiente:

1) Ir a Google fonts

2) Elegir una fuente

3) Seleccionarla y pinchar en la pestaña “Use this font”.

4) Copiar el enlace que aparece en la cabecera de la pagina o paginas en la que vayamos a utilizar la fuente. El enlace tiene esta pinta:

<link href=’http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here’

rel=’stylesheet’ type=’text/css’>

5) Utilizar la fuente como una normal, llamándola por su nombre. En este caso el modo de uso sería el siguiente:

h1 { font-family: ‘Just Me Again Down Here’, arial, serif; }

Y listo. Por supuesto, alguna desventaja habría de tener esto… y es que de momento solo hay disponibles un puñado de fuentes. No obstante pueden ser usadas libremente para fines comerciales o no, y el código generado es muy limpio. Además nos ofrecen información del uso que se le ha dado a cada fuente, clasificada por países. Por si acaso no queremos caer en una fuente típica, que es precisamente de lo que queremos huir en este artículo…

Un último apunte, y es que esta opción es válida para cualquier navegador moderno.

10.- BONUS: El futuro de las fuentes Web

WOFF (Web Open Font Format) es el formato de fuente especialmente creado para ser usado en Web. Fue desarrollado en 2009 y esta en proceso de ser estandarizado como recomendación del w3c. Se supone que va a ser la fuente que haga este artículo completamente inservible, ya que todos los navegadores darán soporte a este formato próximamente y podremos olvidarnos así de todos los demás. (Que bonito suena, verdad?)

Actualmente, WOFF es soportado por Internet Explorer 9, Chrome desde su versión 5.0, Firefox desde su versión 3.6 y Safari ha anunciado que lo hará en próximas versiones.

11.- BONUS II: La Biblia sobre las fuentes Web (en inglés)

Para aquellos que el inglés no os suponga una barrera insalvable, no podía cerrar este artículo sin presentaros la mejor página Web en mi opinión que hay sobre el tema. Esta dedicada íntegramente a fuentes Web y a la propiedad @font-face para incrustarlas. Tenéis disponibles ejemplos, ayuda de todo tipo, soporte de navegadores actualizado, etc. No dejéis de visitarla, porque merece la pena, ya que incluso hay un listado de fuentes listas para descarga y preparadas para ser incrustadas mediante el método que hemos explicado hoy aquí..

LINK: http://webfonts.info

Espero que este artículo os sea de ayuda, y os permita adornar vuestros diseños Web con fuentes espectaculares sin que acabéis tirándoos de los pelos por problemas de compatibilidad con navegadores. Buena suerte!

Jon Rivas

Los lectores de este blog bien saben que no me gusta “copiar y pegar” artículos de otros lados, pero hoy haré una excepción. Este artículo que han traducido en el blog del webmaster habla sobre las diferentes maneras de programar los tamaños de fuentes en nuestras paginas web. Aunque lo intentara, no podría explicarlo mejor, así que hoy si, copio y pego este pedazo de artículo extremadamente útil.

¿Cuales son las ventajas e inconvenientes de programar tamaños de fuentes relativos mediante CSS?¿Qué es mejor, tamaños de fuente mediante porcentajes o tamaños de fuente fijos en una página web? ¿Qué diferencia existe entre px, em, %, palabra clave…? Ahora puedes saber la respuesta a todas estas respuestas, leyendo este artículo en menos de 5 minutos.

recopilacion etiquetas HTML5

Aquí os dejo una de las mejores webs que he visto en años, sin duda. La idea es sencillamente sensacional, y a pesar de ser una web muy sencillita, su funcionalidad es inegable. Se trata de una “chuleta” con la que conseguimos tener siempre a mano un listado claro y ordenado de todas las etiquetas HTML existentes. Incluso las más nuevas, como las de HTML5. Todo un lujazo.

LINK: http://joshduck.com/periodic-table.html

Pincha sobre las imágenes para ampliar.

Visto en: francescomugnai.com