Cuando queremos darle a nuestro sitio un diseño minimalista para no saturar con información la vista de los visitantes debemos recurrir a diferentes métodos para mostrar la información. Uno de los más usados es colocar un slider o carrusel con…
Los menús de acordeón son necesarios cuando no disponemos de un espacio suficiente para mostrar todas las opciones de un menú. En el siguiente videotutorial se explica paso a paso cómo crear uno y usarlo en nuestras páginas web. Ver…
En ocasiones el contenido de una página es muy extenso, haciendo que nuestro menú principal o lateral queden al inicio de la página, teniendo que hacer scroll de regreso para acceder a este menú. Algo muy tedioso al navegar en…
En CSS3 podemos crear animaciones que reemplacen a imágenes gif, elementos en Flash o de JavaScript. Para hacer estas animaciones, es necesario definir un conjunto @keyframes, y dentro de él, las propiedades que irán cambiando gradualmente conforme avance la animación.…
Las trancisiones en CSS3 nos permiten animar elementos y sus propiedades sin necesidad de usar Flash o JavaScript. Un ejemplo sería el siguiente, coloca el mouse sobre el siguiente recuadro: Soporte de navegadores Internet explorer no soporta la propiedad transition.…
En este tutorial crearemos un sobre utilizando únicamente hojas de estilos. Ver ejemplo en funcionamiento Lo primero que necesitamos, es un elemento que nos sirva como base para el sobre: <div id="envelope"></div> Como estilo inicial colocaremos un borde punteado, esquinas…
La llegada de las hojas de estilo CSS3 ha facilitado la forma de convertir un diseño gráfico a código HTML. Con las nuevas propiedades podemos añadir bordes redondeados, sombras internas y externas, sombras para texto, etc. Ver ejemplo en funcionamiento…
En este tutorial aprenderemos a crear un menú desplegable utilizando únicamente CSS. Utilizaremos una lista desordenada para crear las opciones principales del menú. Cada opción estará compuesta de un vínculo y una capa la cual se mostrará al colocar el…