Las listas ordenadas < ol > < li > < /li > < / ol > (sin espacios) son realmente listados numerados que tradicionalmente no han tenido, más allá de color, tamaño y tipografÃa, muchos cambios a nivel de diseño Web. En el siguiente artÃtulo, y haciendo uso de los atributos CSS counter-increment y counter-reset…
¿Te gustarÃa añadir Tipografias personalizadas / custom-fonts en tus E-mails y Newsletters HTML+CSS? Si bien, como sabes, vincular una hoja de estilos con URL propia no es compatible con todos los clientes de correo electrónico, sà lo es usar entre las etiqueta <style> el método font-face vinculando la dirección externa donde esté alojada nuestra tipologÃa…
46 cronogramas HTML y CSS con un poco de JavaScript, mucho css y también con HTML. Encontrarás demos y enlaces para su descarga en: freefrontend.com – css timelines [DEMO + Descarga]…
Checkboxes, divino tesoro. O sÃ, o no, poco más te podrán decir con sus simples estados boolean. ¿Estás cansado de la apariencia por defecto que tienen en tu navegador y sistema operativo? ¡Tranquilo! En el siguiente enlace podrás descargar 55 Checkboxes CSS gratis asà como su demo. ¡Wow! freefrontend.com / css checkboxes [Listado + descarga /…
¿Cómo aplicar, con CSS, efectos de color en imágenes como lo hace Spotify? Con la siguiente técnica podrás aplicar los siguientes efectos de fundido, que seguro que has visto en programas de edición fotográfica como Photoshop: multiply; screen; overlay;darken; lighten; color-dodge; color-burn; hard-light; soft-light; difference; exclusion; hue;  saturation;  color;  luminosity; Es tan fácil como emplear las siguientes…
¿Necesitas probar cómo quedarÃa tu plantilla de e-mail html en Outlook, en Gmail, o en el móvil? Con Putsmail.com podrás cargar el contenido html y css de tu e-mail y enviarlo a uno o varios destinatarios para hacer pruebas. El primer e-mail que recibirás (si no recibes nada, mira tu carpeta de correo no deseado),…
¿Te estás volviendo loco alineando una capa, una imagen o un párrafo verticalmente con respecto a otra cosa? ¿Tus viejos trucos de aumentar el padding-top son una mierda? ¡Aquà tienes la solución en tan sólo 3 lÃneas de atributos de CSS: .element { position: relative; top: 50%; transform: translateY(-50%); }.element { position: relative; top: 50%; transform:…