Archivo

Entradas Etiquetadas ‘html’

Evita spam en tu mail con CSS

Jueves, 14 de Octubre de 2010

Hace unas semanas leí un artículo muy interesante en CSSBlog.es sobre cómo evitar spam invirtiendo tu dirección de mail con CSS.

Muchos habréis recibido spam en vuestro correo, y gran parte de este spam viene dado por robots que cogen vuestra dirección de email publicada en vuestra web o blog. Con este pequeño truco de CSS se consigue evitar que estos robots lean vuestra dirección de email.

Vamos con el código CSS que debemos utilizar, creando una clase:
[css]
span.antispam { direction: rtl; unicode-bidi:bidi-override; }
[/css]

Ahora simplemente publicamos nuestro email utilizando esa clase creada en CSS:
[html]
email@email.com
[/html]

Con este simple truco evitaremos ese spam tan molesto. Podéis seguir CSSBlog también a través de Twitter: @cssblog_es

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web ,

Microformatos: xFn

Martes, 14 de Septiembre de 2010


Una vez comentados los microformatos hCard y hCalendar y hReview, pasaré a comentar el microformato xFn.

El microformato xFn se utiliza para relaciones sociales utilizando links. Con este microformato se pretende dotar de información extra a un enlace, explicando qué relación existe entre nosotros y la persona/empresa a la que estamos enlazando. De esta manera, los lectores sabrán por qué enlazamos a otros blogs o webs. Veamos un ejemplo para facilitar la explicación:

<a href="http://www.blog1.org/" rel="compañero de trabajo">Blog de Javi</a>
<a href="http://www.blog2.com/" rel="amigo del colegio">Blog de Luis</a>
<a href="http://www.web3.es/" rel="cliente">Empresa Ficticia</a>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,

Microformatos: hReview

Martes, 7 de Septiembre de 2010


Una vez comentados los microformatos hCard y hCalendar, pasaré a comentar el microformato hReview.

El microformato hReview se utiliza para representar formatos de opiniones. Puesto que una opinión se puede desglosar en un mensaje y en un autor, podríamos introducir aquí lo que se denomina como microformatos anidados. Qué significa? Pues no es más que introducir un microformato dentro de otro. Es muy sencillo, veamos un ejemplo para facilitar la explicación:

<div class="hreview">
   <span class="item">
      <strong class="item"><span class="fn">Opinión del artículo</span></strong>
   </span>
   <span class="reviewer vcard">
      De <span class="fn">Alex Montes</span>, <span class="title">editor principal</span>
      en <span class="org">alexmontes.es</span>
   </span>
   Valoración: <span class="rating">4</span> de 5
   <span class="description">Es un artículo interesante. Creo que puede ser
   de mucha utilidad para los programadores.
</span>
</div>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,

Microformatos: hCalendar

Sábado, 4 de Septiembre de 2010


Hoy comentaré el microformato hCalendar. En el anterior artículo vimos el microformato hCard a fondo. Hoy veremos para qué se utiliza hCalendar y cómo utilizarlo.

El microformato hCalendar se utiliza para representar formatos de eventos y calendarios. Es totalmente compatible con iCalendar.

Veamos un ejemplo:

<span class="vevent">
 <span class="summary">Este artículo será publicado</span>
 el <span class="dtstart">04-09-2010</span>
 en la web de alexmontes.es en <span class="location">Barcelona</span>.
</span>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , , ,

Microformatos: hCard

Jueves, 2 de Septiembre de 2010


Después de haber explicado qué son los microformatos y para qué sirven, voy a entrar en detalle de uno de los más famosos: el microformato hcard.

Se utiliza para representar datos de personas, empresas, organizaciones y lugares. Está basado en el estándar vCard y es totalmente compatible con vCard utilizando eso sí XHTML.

Pongamos un ejemplo:

<div class="vcard">
	<strong class="fn n">
		<span class="given-name">Alex</span>
		<span class="additional-name">Montes</span>
	</strong>
	<div class="adr">
		<span class="street-address">Mi calles 1</span>
		<span class="locality">Mi ciudad</span>
		<span class="country-name">Mi país</span>
	</div>
	<div class="tel">601-111-222</div>
</div>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , , ,