Test de propiedades CSS3 basadas en Webkit
La gente que diseña para navegadores basados en Webkit quiere saber si CSS3 es soportado, con qué propiedades y hasta cuando. Pues bien, en esta entrada os mostramos una tabla con las principales propiedades CSS3 para navegadores Webkit y se nos informa cuales están siendo soportadas y cuales van a dejar de estarlo.También se muestran … Lee más!
Guía sobre el uso de las fuentes en la Web
La fuente juega un papel fundamental en el diseño de nuestro sitio web, ya sea su diseño interior o exterior. Esto es así porque de ella dependerá que un lector abandone la página por culpa de la ceguera de esta, o siga leyendo. (Esto se conoce como percepción del observador). En esta entrada se resumen … Lee más!
Lista de trucos con CSS3
Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3.
Prevenir doble margin y padding en IE 6 cuando usamos CSS Float
IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2 … Lee más!
Tab rollovers con CSS Sprites
Las tabs (o pestañas) muchas veces es la mejor opción para implementar como menú de navegación en nuestro sitio web. En esta entrada aprenderemos a crear pestañas (tabs) con fondo dinámico en CSS. Para ello, debemos insertar este código HTML en nuestro documento (preferiblemente entre si queremos que vaya en el encabezado (header) del sitio … Lee más!
Sticky Footer con CSS
En esta entrada aprenderemos a crear un pie de página que siempre se mueve hacia donde nosotros estamos, es decir, que quede «pegado» a la barra de navegación. Bastante útil para mostrar información que siempre queremos que se visualize, ya que creemos que es información importante o que el lector debería leerla.
Galería de imágenes interactiva con CSS
Una galería interactiva nos permitirá mostrar a nuestros usuarios una pequeña descripción al lado de la imagen cuando situen el cursor encima de dicha imagen. El método para crear esta galería es muy sencillo, su estructura es mediante listas ( ). El código es completamente personalizado, por lo que podremos incluir o eliminar cualquier información … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
