css

¿Qué es Tailwind CSS?

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…

Seguir Leyendo..

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/

Seguir Leyendo..

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…

Seguir Leyendo..

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>

Seguir Leyendo..

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

Seguir Leyendo..

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/

Seguir Leyendo..

mydevice

Métricas de pantalla características del navegador Comparador de dispositivos móviles https://www.mydevice.io/

Seguir Leyendo..

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

Seguir Leyendo..