Category Archives: CSS


98 Estilos CSS para tablas

CSS Table Gallery pone a nuestra disposición una extensa colección de 98 estilos CSS para nuestras tablas. En la propia web puedes ir viendo una demo de cada una de ellas y si hay alguna que te agrada puedes descargarte su código. En definitiva un sitio bastante útil si estas buscando darle un toque más profesional a la presentación de datos en tablas HTML.

98-css-tabla.jpg

En el tintero – Vol.2

ejemplos-css.jpg
10 efectos brillantes con CSS
Consigue efectos profesionales con estos geniales ejemplos CSS

templates.jpg
45+ Free Premium WordPress Themes with Magazine or Grid Layouts
Dale un cambio de aires a tu blog con esta estupenda colección de temas gratuitos para WordPress inspirados en revistas.

botones-css.jpg
Botones bonitos mediante CSS
Xyberneticos nos pone en la pista de Beautiful CSS buttons with icon set que son unos tips muy prácticos para diseñar simples y atractivos botones para la Web.

iconos.jpg
Milky, a free vector icon set - Part 1 , Part 2 , Part 3 and Part 4
min.frexy.com comparte con todos nosotros estos 4 estupendos set de forma totalmente gratuita. Entre los 4 set disfrutaremos de 60 iconos todos ellos diseñado en EPS 8, además vienen en formato png 48×48 y 64×64 y su correspondiente archivo SVG.

motivos.jpg
18 Excellent Sources for Free Photoshop Patterns
Ya para cerrar el artículo os dejo una recopilación bastante útil con sitios donde poder encontrar y descargar motivos (patterns) gratuitamente.

CSS para crear bordes redondeados, sombras, gradientes, efecto mouseover, citar, diagramas y gráficos

Recuadro con bordes redondeados, sombras en texto y fotografías, gradientes, efectos de mouseovers, citar… son algunas de las cosas que se pueden lograr mediante CSS, a continuación os muestro un listado donde encontrareis webs que os ayudaran a crear el código para realizar este tipo de cosas.

Recuadros con bordes redondeados:

Sombras mediante CSS

Gradientes:

Mouseovers:

Citar:

Graficos y Diagramas

Fuente original (Ingles): designvitality.com

Optimizar y Comprimir CSS online

Una buena idea para ahorrar ancho de banda, es optimizar y comprimir los archivos CSS. Existe uno, entre varios, sacado del maletín de herramientas, antiguo (de años) pero muy vigente, hecho por CSS Drive, que nos permite reducir el tamaño de los archivos CSS considerablemente. Aunque todo depende, de cuan legible deseemos que quede la hoja de estilos.

La herramienta de CSS Drive nos da algunas opciones como borrar comentarios u otras más características si elegimos la vista avanzada. Pero, si lo dejamos en modo de compresión normal, ya estamos eligiendo una buena combinación entre compresión y legibilidad. (Tip: Guarda una copia del CSS original).

Enlace | CSS Drive Compressor
Fuente | baluart.net