jordi salord @ BLOG

As you may know border-radius can round images using CSS3. But you can enhance this feature putting that image inside a div, which will has overflow: hidden, a fixed size and border-radius instead of image.

What is the gap? This way you will be able to choose which part of image you want to see and round.

Take a look on next code.

HTML, an image of 300×300 pixels:
<div>
<img src="http://www.jordisalord.com/wp-content/uploads/2012/02/qr-jordisalord-300x300.png" alt="Jordi Salord @ Blog" />
</div>

CSS:
<style>
div.img-round {
overflow: hidden;
border-radius: 5px;
box-shadow:-1px 1px 2px #000;
height:280px;
width:280px;
}
div.img-round img {
margin-top:-10px;
margin-left:-10px;
}
</style>

The original image:

The result:

That’s all folks!

What do you think about this technique? Is there any other way to do it?

Enjoy this tip, I’ve recently used this technique to round non-editable images.

Good morning!

Snow remembered me a thing: I really like QR codes.

QR codes can be useful for a lot of things: promoting your URL/Text/Images using a single image, posted or printed anywhere. Ok, it is a little bit geek, but there is no problem with that, isn’t it?

If you want to start using QR Codes for your brand, check this link: http://qrcode.kaywa.com/

[UPDATE]: Thanks to Aigu, I discover another generator that let’s your colorize it!

Here comes a QR Code with a link to my blog:

And another one with full info:

Try this with your website, brand or anything you want to easily promote.

Enjoy!

As you may know Plesk rewrites every apache configuration file on server. But it let’s you add some virtual host configuration inside each host directory.

You have to create httpd.conf files inside these directories:

1. Domains
1. /var/www/vhosts/domain.com/conf/httpd.conf
2. Subdomains
1. /var/www/vhosts/domain.com/subdomains/subdomain.com/conf/httpd.conf

Then, once you have finished with configuration files, you must say Plesk to reload these configurations:

1. Per domain
1. # /usr/local/psa/admin/sbin/websrvmng -u --vhost-name=domain.com
2. Global
1. # /usr/local/psa/admin/sbin/websrvmng -a

It is really useful to add permissions, rewrites, svn, or anything you want.

Para ordenar la portada de un WordPress se debe modificar el archivo index.php del tema.

Y añadir estas tres líneas de código:
global $query_string;
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts($query_string . '&order=DESC&orderby=modified&paged='.$paged);

En este ejemplo s’está ordenando por fecha de modificación de forma descendiente, en lugar de hacerlo por fecha de publicación.

Se puede aplicar a cualquier zona del blog modificando otros archivos, como por ejemplo category.php.

Más información a: How to sort WordPress posts by modified date

Aquí teneis una guía de desarrollo para iOS5 publicada per Maestros del web.

http://www.maestrosdelweb.com/editorial/guia-iphone-ios5/

Por si todavía no controlais HTML5 a fondo, aquí teneis un enlace dónde encontraréis la ayuda necesaria.

Fuente: http://stylishwebdesigner.com/20-best-html5-tips-tricks-and-tutorials-from-2011/

Bonita infografía sobre la evolución del diseño web: de la tediosa preshitoria de principios de los 90′ donde la creación y el resultado eran bastante precarios (visto desde aquí, claro ^_^), pasando por el flash de los 90′, la evolución de JAVA, hasta principios de siglo dónde finalmente se ha decidido encaminarse hacia formatos abiertos y embedidos en el navegador: CSS3+JavaScript+HTML5.

Fuente: The Evolution of Web Design by Kissmetrics – THE VOSTOK BLOG.

En la página oficial de Google Pages encontráreis tutoriales y consejos útiles de como utilizarlas.

A través de Chica SEO

Interesting post about designin our Twitter profile.

http://www.onbile.com/info/optimize-your-profile-on-twitter-username/