Últimas entradas
» Publicación:
12 Febrero 2013
/
Categoría:

Ejemplos Prácticos de Selectores de Atributos CSS

Seguro haz escuchado o ya estas usando los selectores de atributo de CSS, pero ¿conoces todas las variaciones y que usos prácticos se les puede dar?. En este tutorial veremos todos los tipos de selectores de atributo disponibles y ademas algunos ejemplos aplicables que tal vez te sirvan.

1.- Trabajando con: [attr^=valor]

Esta variación seleccionará a los elementos que tengan ese atributo y cuyo valor declarado comience …

» Publicación:
14 Abril 2012
/
Categoría:

Ordenando listas desordenadas con CSS3

Después de bastante tiempo, vamos con una nueva entrada, esta vez trabajaremos con algo bastante experimenta por así decirlo en CSS3. Vamos a a crear una lista desordenada con la visualización de lista ordenada ¿Cómo? Si tal como leen. Todo esto empleando CSS3 para conseguir un diseño agradable visualmente con los atributos de la pseudo-clase :hover y los pseudo-elementos ::before y ::after.

Debemos recordar que a partir …

» Publicación:
30 Septiembre 2011
/
Categoría:

Las nuevas propiedades para Columnas con CSS3

Cuando nos toca realizar armados de sitios webs (o páginas) con mucho contenido y no queremos hacer la lectura tan dificultosa y tampoco perder estética en un sitio, pensabamos de inmediato en columnas, al igual que lo hacen los periódicos.

Con esta idea en la cabeza, comenzaban las posibles soluciones:

– La primera era distribuir el contenido en tablas, pero las tablas no son tan buenas hoy …

» Publicación:
13 Agosto 2011
/
Categoría:

Bello efecto con solo propiedades CSS3 y Sprites

Una de los mejore efectos visuales que he visto este último tiempo fue el puesto por InspectElement.com, el cual hace un efecto elegante que hace girar los iconos de menú o redes sociales (como lo haré en el ejemplo a continuación) con la ayuda de una transformación CSS y de la transición cuando se pasa sobre ellos (la propiedad llamada hover). Nada espectacular, pero sin duda una …

» Publicación:
31 Julio 2011
/
Categoría:

Desaparecer divs de manera sutil con “Simple Disappearing Effect”

¿Haz visto sitios webs que tienen como ventanas de contenido con botones para cerrarlas y estás desaparecen?, si por casualidad no los haz visto deberías hacerlo, ingresando a esta entrada y aún más si tampoco sabes como hacerlo. Ya que este es el nuevo tutorial aprenderemos a hacer funcionar el llamado “Simple Disappearing Effect”.

Para hacer funcionar este bello efecto en jQuery al igual que en Simple …

» Publicación:
20 Mayo 2011
/
Categoría:

LayerStyle: Crear Divs con bordes redondeados

Hace unas semanas hice una entrada en el blog un herramienta llamada –Prefix-My-CSS- la cual tenía la gran utilidad de generar todas las propiedades CSS como border redondeados para los navegadores que ocupan Webkit (Chrome, Safari) y Moz de Firefox (también comente que IE9 ya leía de forma nativa las propiedades como “Border-Radius” y “Box-Shadow”.

Bueno ahora tenemos a Layer Styles, una herramienta online que es capaz …

Página 1 de 3123