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
Tag Archives: CSS
Tutorial: Triangulos con CSS
15 JulTriangulos 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 OctCSSBake 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 OctAcostumbrados 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.
Quitar borde de puntos en los links
30 SepSeguro 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;}
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 SepSi, 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.
25 técnicas para bordes redondeados con CSS
29 SepEn CSSJuice recopilan 25 técnicas interesantes con las que conseguir el efecto de bordes redondeados antes de que CSS3 se estandarice por completo.
15 trucos CSS que debemos aprender
8 SepEn Theme Forest nos presentan una lista de 15 trucos CSS que según ellos todos debemos conocer. Hay algunos interesantes como el de los Captcha, los sliding doors, la altura minima y otros clásicos como el bug del doble margen en Internet Explorer 6 (quien si no!).
Dar estilo a una lista con un solo pixel
8 SepEn CSS Tricks nos enseñan una manera curiosa y divertida de dar estilo a una lista. Esto es, usando una imagen de un solo pixel de todas las maneras que permite CSS.
Lista estilizada con un fondo de un pixel
Sigueme con tu lector de feeds
Sígueme en Twitter
Por una cultura libre
In Nomine Pixel 