Os dejamos con un bonito efecto circular para usar en vuestras navegaciones de ‘anterior’ y ‘siguiente’ de los slides, o allá donde lo creáis oportuno:
Código útil de HTML 5
Nos ha llamado la atención esta página web sobre snippets de html 5: “html5snippets”.
Un referente a tener en cuenta para implementar tu web en html 5.
Patrones de diseño para Android
Gracias a @lmmartin hemos visto esta interesante web sobre patrones de diseño para Android.
Habrá que tenerla en cuenta. Además el diseño les ha quedado bastante majo. xD.
Pre-procesado CSS – LESS
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
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.
Plantillas para wordpress
Os dejo un enlace con unas cuantas plantillas para wordpress. Tienen un diseño limpio y muy estetico, aptas sobretodo para portafolios y portales con bastantes imagenes.