Botón presionado con CSS
Cada vez se usan más los botones con estado «active» o activo (presionado) en CSS. Usaremos una imagen como rollover crear un botón con estado normal y presionado (active) en CSS. Empezemos:
8 formas de resaltar mensajes con CSS
Muchas veces ocurre, queremos resaltar algo y no sabemos con qué. Una imagen, no. colores brillantes, tampoco. ¿Por qué no usamos CSS? En esta entrada explicaremos como resaltar mensajes con CSS, poniendo ejemplos de hasta 8 formas. Principalmente se basa en la mezcla del color del fondo, texto y bordes, es decir, la triple armonía. … Lee más!
Crear un menú de restaurante con CSS
Bien, has creado un restaurante, tienes todo listo, la comida, los cubiertos, pero te falta el menú. No sabes cómo hacerlo así que te lo inventas en CSS. Eso es lo que os vamos a enseñar en esta entrada, como crear un menú de restaurante a base de CSS:
Novedoso menú de navegación con CSS3
Hay muchas formas de añadir navegación a tu sitio: Mediante pestañas, barras, menús, menús desplegables… En esta entrada explicaremos cómo crear un menú desplegable utilizando CSS3 y sus propiedades (Al ser CSS3 no será válido por los estándares).
Personalizar scrollbar con WebKit CSS
Antes solo podíamos personalizar las barras de desplazamiento (scrollbar) en Internet Explorer (véase esta entrada), pero ahora ya podemos hacerlo también en todos los navegadores que soporten WebKit (Safari, Google Chrome), ya que Webkit ahora soporta la personalización de scrollbars en textareas, listboxes, dropdown menus, y secciones overflow. Si deseáis ver el ejemplo directamente para … Lee más!
Frameworks CSS más usados
CSSTrick ha realizado una encuesta para saber que frameworks son los más usados por los desarrolladores web. Se muestra a continuación: Si analizamos la imagen, vemos que nada más y nada menos un 50% de los desarrolladores web no usan framework en sus proyectos. Le siguen los desarrolladores que crean su propio framework. Finalmente encontramos … Lee más!
40 Layouts para maquetar tu sitio web
Nunca viene mal tener un puñado de layouts con las que maquetar nuestro sitio, como es el caso de Layout Gala, un sitio web en el que se incluyen 40 layouts para poder estructurar tu sitio web usando técnicas como pueden ser márgenes negativos, columnas o floats. Todas las layouts se pueden probar sin salirnos … 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.
