CSS

< Contiene 86 artículos >

Lista de artículos: CSS

1. Diseño de menus y submenus con CSS

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

2. 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.

3. 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.

4. Primeros pasos con CSS (hojas de estilo)

   Ideas básicas sobre la utilidad de usar CSS y como vincular estos archivos a documentos HTML.

5. CSS: buenas prácticas

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

6. Dejar de usar tablas en HTML y aprender a usar CSS

   Artículo que explica como dejar de usar tablas en HTML y aprender a usar CSS para diseñar mejores páginas web.

7. 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.

8. Hack CSS para Internet Explorer 7

   Hack CSS para Internet Explorer 7. Creo que es bueno conocerlos por si en algún momento sea necesario utilizarlos.

9. CSS para principiantes

   Hojas de Estilos en Cascada, es uno de los grandes avances en la creación de páginas y programas Web.

10. 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.

11. 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.

12. Utilizar un loading o imagen de carga con CSS

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

13. Novedades en CSS3

    En este articulo trataré de resumir las novedades más importantes y explicaré brevemente en que consiste eso que llaman el CSS3.

14. 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.

15. 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.

16. 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).

17. 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.

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

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

19. 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.

20. 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

21. Fondos con gradientes – degradados 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.

22. 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.

23. Soluciones a los problemas de visualización en Internet Explorer

    Damos un repaso a las técnicas más usadas para lidiar con la tarea de conseguir que nuestra web se vea bien en todos los navegadores, poniendo especial atención a Internet Explorer, puesto que es el

24. Cambiar el estilo CSS de una web dinámicamente. Parte I – JavaScript

    Vemos una primera parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta primera parte vemos como hacerlo con JavaScript.

25. Cambiar el estilo CSS de una web dinámicamente. Parte II – PHP

    Vemos la segunda parte de este mini-manual que vamos a tener sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta segunda parte vemos como hacerlo con PHP.

26. Sombras en el texto: la propiedad text-shadow de CSS3

    Los efectos que se pueden conseguir sobre los textos aplicando "text-shadow" de CSS3 son simplemente impresionantes. Aquí les damos las bases para comenzar a trabajar con esta propiedad.

27. Cambiar el estilo CSS de una web dinámicamente. Parte III – Las horas del día

    En esta tercera parte vamos a empezar a ver como cambiar el estilo CSS de una web dinámicamente en función de las horas del día.

28. CSS avanzado: la propiedad “content”

    Una de las propiedades menos conocidas de CSS 2.1, pero que tiene un potencial enorme. En un futuro no muy lejano, cuando la mayoría de los navegadores respeten los estándares, su uso seguramente se incrementará.

29. CSS avanzado: las propiedades counter-reset y counter-increment

    Estas propiedades son de las de mayor complejidad en CSS, pero que pueden resultar muy útiles para algunos tipos de trabajos, sobre todo en maquetación de textos.

30. Ejemplo de utilización de propiedades CSS avanzadas

    Allgunos ejemplos de utilización de las propiedades CSS avanzadas "content", "counter-reset" y "counter-increment".

31. Optimización de los archivos CSS – Primera parte

    Cómo optimizar los archivos CSS para que pesen menos y no retarden la carga de la página.

32. Optimización de los archivos CSS – Segunda parte

    Segunda parte de cómo optimizar los archivos CSS para que pesen menos y no retarden la carga de la página.

33. ¿Cómo cambiar el estilo de nuestro sitio dinámicamente? Parte IV – Final

    Vemos la última parte de este mini-manual sobre cómo modificar dinamicamente los estilos CSS en nuestra página web. En esta última entrega terminamos el ejemplo de las horas del día.

34. Sombras y dimensiones con CSS3 – box-shadow

    En este artículo practicamos con propiedades CSS3 para agregar sombras a las imágenes y efectos de profundidad al sitio.

35. Crear botones con propiedades CSS3

    En este artículo prácticamos la estilización de botones con CSS3, utilizando gradientes, sombras y bordes