sin miniatura

53 técnicas CSS imprescindibles

¡Basta de códigos enrevesados, largos y pesados! ¿A quién lo le gustaría poder obtener impresionantes técnicas CSS con solo reemplazar un archivo por otro? ¿Crees que es imposible, demasiado fácil para ser verdad? ¡Te equivocas! Te mostramos una lista de 53 técnicas con CSS que serán muy útiles para tí. (Quién sabe, puede que las … Lee más!

sin miniatura

30 trucos y técnicas con CSS

Un buen listado de técnicas donde se muestra lo flexible que puede llegar a ser CSS: Trucos y técnicas CSS 1 (Primer capítulo). Trucos y técnicas CSS 2 (Segundo capítulo). Vía | Microsiervos Vía | AlexSancho

sin miniatura

Crear hr con CSS

Para los que no quieran usar HTML, también podremos crear con CSS. Solo debemos aplicarle este código: Lógicamente podremos cambiar los valores del estilo del borde (Por ejemplo, donde pone dashed, cambiar por solid, para obtener un borde sólido). Después solo debemos incluir la class=”hr” en la tag hr de HTML: Así podremos crear la … Lee más!

sin miniatura

Cómo ordenar tu código CSS

Los chicos de Woork nos explican cómo hacer más ordenado nuestro código CSS, hay que seguir estas pautas: 1) ¿Uno o varios ficheros? Hay gente que utiliza varios ficheros CSS en su código, otros, solo uno, ¿qué es lo mejor?. Lo mejor, depende, si tenemos una web con un fichero CSS enorme, mejor partir ese … Lee más!

sin miniatura

Crear un mensaje secreto con CSS, posición y transparencia

Podemos crear un mensaje oculto con CSS, que cuando vayamonos desplazándonos por la página, las letras se coloquen en su lugar y recreen este mensaje oculto, gracias a la propiedad position y a la transparencia.

sin miniatura

Columnas equilibradas en CSS

Si queremos crear columnas equilibradas en CSS, utilizando divs y obviamente, CSS, solo tendremos que crear un nuevo archivo HTML, e incluir este código: #caja_izq {width: 850px; margin: 20px auto; color:#fff; background-color: #4c9ab1; overflow: auto; } #caja_der {width: 500px; float: right; background-color: #82b04d; border-left: solid 30px #fff; } .columna_izquierda {width: 280px; float: left; padding: 20px; … Lee más!

sin miniatura

50 herramientas muy útiles para CSS

Que alegría nos da cuando vemos una herramienta que nos hace el trabajo más fácil y rápido, ¿verdad? Pues aquí tenemos 50 herramientas sobre CSS para hacernos la vida mucho más fácil. Enlace | 50 herramientas CSS Vía | Adseok

Ver artículos destacados »

CSSBlog ES reune recursos, guías y contenidos acerca de CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita.

Puede contactar o anunciarse.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.