Tag Archives: CSS

Tutorial: Triangulos con CSS

15 Jul

Una técnica que siempre me ha llamado la atención y lleva un tiempo circulando por la red, es crear triángulos con la única ayuda de nuestra hoja de estilos. Esto es muy sencillo si usamos los bordes de una forma particular. Seguir leyendo

Triangulos con CSS

27 Ene

Con el culo torcido me he quedado cuando he visto lo que hace John Rohan solo con CSS, por que si, estos triangulos solo dependen de la hoja de estilos, nada de imagenes.

Y es que, al parecer existe un parámetro de la propiedad border-color que no conocía llamado transparent con el que ha conseguido el efecto.

Link: Css Triangles

CSSBake, inspiración CSS

5 Oct

CSSBake la típica web que se dedica a recopilar otras con un buen diseño. Lo que no es tan típico es la forma de organizarlas que tiene, siendo las categorías las secciones de una web. Header, footer, 404 o sidebars son algunas de estas categorías.

Os recomiendo que os deis una vuelta si estais trabajando en algo y necesitais un nuevo enfoque.

Link: CSSBake

Lightbox solo usando CSS

3 Oct

Acostumbrados a ver plugins para crear ventanas modales, o lightbox con jQuery, nos sorprende ver que tal efecto se puede crear simplemente usando CSS.

No se si a estas alturas es práctico mojarse de esta manera, ya que os aviso que hay bastante CSS, pero siempre está curioso verlo y además, este tipo de lightbox nos garantiza que siempre funciona, aunque el usuario tenga JavaScript desactivado.

Links: How to Create a Valid Non-Javascript Lightbox | Demo

Quitar borde de puntos en los links

30 Sep

Seguro que muchos os habeis preguntado alguna vez por que aparece ese borde de puntos tan feo al pulsar en los links que normalmente no coincide con el estilo de la página.

Bien pues la solución es muy sencilla, consiste en aplicarle las siguientes propiedades a los links activos.

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

Le tenemos que aplicar el css específico para Firefox ya que si no no hace efecto. Tambien podemos ser mas directos y quitarle la decoración a todos los links:

a{outline: none;}

99 Plantillas CSS/XHTML Gratuitas

30 Sep

Si, habeis leido bien, 99 plantillas, ni una mas ni una menos. La gente de InstantShift ha tenido que pasarse un buen rato recopilando toda esta información, que a parte de ser gratuita, es de bastante calidad. Nunca está mal tener plantillas que poder investigar e inspirarse.

Link: 99 High-Quality Free (X)HTML/CSS Templates

25 técnicas para bordes redondeados con CSS

29 Sep

En CSSJuice recopilan 25 técnicas interesantes con las que conseguir el efecto de bordes redondeados antes de que CSS3 se estandarice por completo.

Link: 25 Rounded Corners Techniques with CSS

A %d blogueros les gusta esto: