microTECHing
18Ene/122

Efecto de navegación circular con CSS3

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:

Etiquetado con: , 2 Comentarios
14May/110

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.

11Abr/110

Patrones de diseño para Android

Gracias a @lmmartin hemos visto esta interesante web sobre patrones de diseño para Android.

Patrones de diseño para android

Habrá que tenerla en cuenta. Además el diseño les ha quedado bastante majo. xD.

27Feb/110

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;
}
}
}
11Ene/111

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.

28Dic/100

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.

http://wpshower.com/