Pre-procesado CSS – LESS

css/Diseño web

Less es una herramienta que permite extender tus hojas de estilo (CSS)  con variables, reglas anidadas, mixins u operaciones, por poner algunos ejemplos.

Os dejo algo de código de ejemplo:

@brand-color: #3879BD;

.rounded(@radius: 3px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}

#header {
.rounded(5px);
a {
color: @brand-color;
&:hover {
color: #000;
}
}
}

Eliminar el contorno de puntos en enlaces con outline de CSS

css/Diseño web

A veces cuando clicamos sobre un enlace, en algunos exploradores se queda un recuadro de puntitos alrededor de los enlaces de la pagina. Y lo curioso es que en la CSS no tiene bordes. ¿Para qué sirve esto? Pues muy simple, es un propósito para mejorar la accesibilidad del usuario. Para las personas que no puedan usar un ratón, deben tener una señal sobre el enlace que está activo, para que puedan saber a qué enlace vamos a ir al pulsar Intro en el teclado.

Esto lo hace la propiedad outline de css. Depende del navegador este la interpretara como none o la mostrara. Para quitarla, simplemente ponemos outline:none; en la css y problema resuelto.