Grupo Promedia | Blog » CSS

Comentarios con ”estilo”

practicas — Thu, 17 Dec 2009 07:00:43 +0000

Si lo que andas buscando es dar un estilo elegante a los comentarios de tu blog pero no tienes mucho tiempo o ganas de ponerte a ello estás de suerte.

En Templatica ponen a nuestra disposición un buen montón de estilos para nuestros comentarios con instrucciones sobre como deben estar maquetados para que sólo sea cuestión de copiar y pegar el código en nuestra hoja de estilos. Práctico ¿verdad?

Simply Buttons v2

practicas — Wed, 16 Dec 2009 07:00:57 +0000

En Simply-Buttons v2, además de aprender cómo se realizan, podemos descargar los archivos fuente en CSS, Javascript e Imágenes para crear unos sencillos pero elegantes botones multinavegador.

Los botones:
- Se muestran y se comportan del mismo modo en todos los navegadores y sistemas operativos.
- Aptos para cualquier tamaño de texto.
- Vienen con 3 estados: inactivo, activo y “hover”.
- No es necesario el javascript para que funcionen. Los botones se crean con CSS y pueden funcionar sólo con CSS. El javascript aporta unas pequeñas mejoras a la funcionalidad.

Tu web a 100 galerías CSS gracias a MeeCSS

practicas — Thu, 15 Oct 2009 15:45:31 +0000

Ya no es necesario cubrir los formularios de todas las galerías CSS a las que quieras subir tu nueva página. Ahora con MeeCSS , sólo tienes que cubrir el formulario de esta página y tendrás automáticamente tu nueva web registrada en más de 100 galerías CSS.

CSS Redundancy Checker te ayuda a limpiar tus hojas de estilo de selectores inútiles

Promedia — Sun, 16 Aug 2009 07:00:45 +0000

Sobre todo cuando trabajamos con hojas de estilo grandes podemos dejarnos atrás elementos que ya no se utilizan y que, a pesar de no servir para nada, suman al peso final de nuestra CSS.

CSS Redundancy Checker es una sencilla utilidad online con la que podremos encontrar todos esos selectores a los que ya no se hace referencia desde ninguna de nuestras páginas. Para ello simplemente tendremos que introducir la dirección de nuestra hoja de estilo y las URL de todas las páginas que la utilizan (o una muestra significativa de ellas para sitios basados en plantillas, por ejemplo).

La utilidad se encargará de comprobar los selectores que se emplean en las páginas y nos devolverá una lista de aquellos que nos sobran por no ser utilizados en ninguna de esas páginas.

CSS Redundancy Checker: http://services.immike.net/css-checker/

Vía No Sólo Código

Columnas inteligentes con CSS y jQuery

Promedia — Tue, 04 Aug 2009 07:00:37 +0000

Cuando tenemos que crear un sitio web con columnas podemos optar por dos aproximaciones: columnas de ancho fijo o columnas flexibles basadas en porcentajes del tamaño de la ventana del navegador.

Cuando escogemos columnas flexibles o líquidas, generalmente planteamos un número fijo de columnas y hacemos que llenen el espacio disponible.
Si escogemos las columnas de ancho fijo podremos aprovechar resoluciones mayores de pantalla mostrando más columnas por línea pero, llegados a un punto, seguramente nos encontraremos con que las columnas no encajan perfectamente en el espacio que deben cubrir y dejan un antiestético margen al costado.

Soh Tanaka ha ideado una forma de conseguir aunar los beneficios de ambas aproximaciones: permitimos el máximo de columnas que encajen en el espacio y con jQuery repartimos el espacio sobrante de forma uniforme entre todas.

http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/