Tailwind CSS es una herramienta que permite a los desarrolladores web crear diseños personalizados utilizando un conjunto de herramientas de estilo predefinidas. La herramienta se basa en el concepto de…
¿Qué es Tailwind CSS?
Media Query Snippets
http://nmsdvid.com/snippets/
Cómo mantener el footer siempre abajo
CSS Arrow Please
Cree y exporte código CSS para un cuadro personalizado con una flecha que se extiende desde el costado. Ideal para información sobre herramientas, flyouts y similares. https://cssarrowplease.com/
Bootstrap 4 Color Utility Generator
https://lingtalfi.com/bootstrap4-color-generator
Online Font converter
https://onlinefontconverter.com/ @font-face { font-family: ‘Nombre de la fuente’; src: url('fonts/ Nombre de la fuente.eot'); src: url('fonts/ Nombre de la fuente.eot?#iefix') format('embedded-opentype'), url('fonts/ Nombre de la fuente.woff') format('woff'), url('fonts/ Nombre de…
Featherlight.js
Featherlight is a very lightweight jQuery lightbox. https://noelboss.github.io/featherlight/
Videos youtube responsive
.iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; text-align: center; } .iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; } <div class="iframe-container">[código iframe youtube]</div>
MAPIFY.JS
MAPIFY.JS Mapas de imagen responsivos y con css utilizando Jquery, svg y css3. http://etiennemartin.ca/mapify/ https://github.com/etienne-martin/mapify
Eliminar borde azul en las imágenes de una área de un mapa
Opción 1 *:focus { outline: none; } Opción 2 map area{ outline: none; }
Transformicons
Iconos animados, símbolos y botones. http://www.transformicons.com
Elimina los links azules de iOS
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } fuente: http://removebluelinks.com/
mydevice
Métricas de pantalla características del navegador Comparador de dispositivos móviles https://www.mydevice.io/
page ruler para chrome
Dibuja una regla para obtener las dimensiones en píxeles. Mide objetos de cualquier página web. https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal
Eliminar los espacios entre imágenes en una newsletter en HTML
Si estás creando una newsletter en HTML y quieres eliminar los espacios entre las imágenes, puedes hacerlo añadiendo la siguiente linea de código en tu CSS: img { display:block;…