Estás en Inicio > Como hacer > Ejemplos CSS
disenador-web-autonomo

Ejemplos CSS

Índice


Validar formularios con HTML5 y CSS3

En este artículo explicamos como validar de forma sencilla formularios usando HTML5 y CSS3, de forma que ahorramos tiempo con la simplicidad de códigos que supone el nuevo HTML5.

Animar texto con CSS3 y WebKit para Chrome y Safari

Explicación del uso de las etiquetas pulse y bounce, integradas dentro del motor WebKit (Chrome y Safari) para animar textos con CSS· puro.

Fondos con gradientes con CSS3

En este artículo explicamos las dos formas que hay de hacer fondos con gradientes en CSS3, con códigos de ejemplo para entender mejor el procedimiento.

La especificidad en Hojas de Estilo CSS

Un pequeño pero eficaz consejo que puedo dar para todos aquellos que empiezan a desarrollar sus primeras hojas de estilo CSS, es tener en cuenta el factor de la especificidad en CSS, su influencia y la manera de controlarlo.

Crear una galería de imágenes solo con CSS y HTML

Presentación de un código hecho de una galería de imágenes desarrollada completamente en CSS y HTML, explicada de forma que puedan realizarse las modificaciones que se deseen.

Google Font Directory: tipografías libres para la web

Vamos a ver como embeber una tipografía en tu página desde Google para que el usuario vea la web tal y como la diseñes, aunque no sea una fuente de uso común.

Código listo para hacer un menú desplegable con XHTML y CSS

Menú emergente desarrollado exclusivamente con XHTML (o HTML) y CSS.

Guia CSS de la propiedad Float y Clear para estructurar una web

Al momento de diseñar nuestra pagina web, las propiedades más importante que debemos aprender para poder lograr casi todas las estructuras posibles son Float y Clear.

El uso de menús en nuestro sitio web y su influencia en la navegación

En este artículo nos enfocamos en el estudio del CSS para lograr, paso a paso, la realización de un menú adecuado al diseño de nuestras páginas web.

CSS Sprites para efecto rollover en botones e imagenes

Explicación de la técnica CSS Sprites para lograr un efecto rollover (mover el ratón sobre un icono y este cambie dándo a entender que es un botón presionable).

Crear esquinas redondeadas con CSS y sin imagenes

Hay muchas maneras de crear esquinas redondeadas con CSS, aquí explicamos dos a base de CSS y sin imágenes.

Menu desplegable con CSS y HTML

Un recurso muy utilizado en web son los menús horizontales y verticales, veamos como hacer menus desplegables con CSS y HTML.

Utilizar un loading o imagen de carga con CSS

Como usar una imagen animada de carga para amenizar la espera de tus usuarios.

Capas visibles e invisibles con CSS

El uso de capas en CSS junto a JavaScript te permiten organizar la información de una manera diferente y dinámica.

Como usar distintos colores en un select menu con CSS

Podemos personalizar nuestros select menu asignándoles clases a las opciones del menú, como prueba añadiremos distintos colores de fondo en el desplegable.

Maquetar una web a 3 columnas con CSS

Explicación sobre como diseñar una página web de 3 columnas usando CSS y HTML.

CSS: buenas prácticas

Sumario de trucos y buenas prácticas para diseñar con CSS.

Menú rollover con CSS y una sola imagen

Se enseña crear un menú que cambia de color cuando posamos el ratón sobre él y cuando lo presionamos, con sólo una imagen.

Diseño de formularios con CSS y HTML

Los formularios son parte importantes, pero poco elegantes, de muchos sitios. Aprendamos a diseñar formularios atractivos usando CSS y HTML.

Diseño de menus y submenus con CSS

Uso de CSS para crear menus con submenus y menus desplegables. CSS avanzado.