es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Genere códigos incrustados receptivos fácilmente con esta aplicación gratuita

Cada diseñador web sabe cómo incrustar videos . Incrustar es la forma más fácil de compartir contenido y mejorar sus artículos con los medios relevantes.

Sin embargo, existe un problema con iframes y otras incrustaciones de video similares: la falta de soluciones receptivas . Todos los sitios modernos responden completamente y un video fijo realmente puede romper ese flujo en los dispositivos móviles.

Para contrarrestar este problema, pruebe Embedresponsively.com . Esta aplicación web gratuita genera automáticamente códigos incrustados para una amplia gama de sitios multimedia e incluso admite elementos iframe predeterminados .

De forma predeterminada, puede elegir entre un puñado de sitios multimedia compatibles con las incorporaciones nativas:

  • Youtube
  • Vimeo
  • DailyMotion
  • Instagram
  • Gorjeo
  • mapas de Google
  • Soundcloud
  • Scribd

No necesita memorizar todos estos códigos incrustados o desordenarlos con sus widgets de inserción. Simplemente copie la URL de cualquier elemento que desee incrustar y péguela en la aplicación web.

Una vez que haga clic en el botón "Insertar", obtendrá una vista previa que puede probar en su navegador mediante el cambio de tamaño, para ver cómo se adapta el video. Debajo del panel de vista previa, encontrará un bloque de código que puede copiar / pegar y usar para incrustar en su sitio .

Esta es una de las soluciones más simples para el problema de integración receptiva. El objetivo es mantener el video flexible manteniendo la relación de aspecto, no es una tarea fácil.

Hay una gran pieza en CSS-Tricks con otra solución que se basa más en las clases y un elemento contenedor. Pero, si no quiere recordar siempre agregar ese contenedor, puede preferir Embedresponsly.com.

Echa un vistazo al sitio y pruébalo. Si no te importa trabajar con fragmentos de código más largos, esta es una gran solución para cualquier diseño receptivo.

Y, puede encontrar el código fuente completo gratis en GitHub si desea agregar soporte para medios más incrustables .

20 usos creativos de Lego que necesitas ver

20 usos creativos de Lego que necesitas ver

El mundo probablemente nunca se cansará de las maravillas de Lego, incluso si definitivamente duele cuando pisas uno. Doloroso masaje de pies a un lado, el popular juguete de ladrillo continúa sorprendiéndonos con las muchas cosas que podemos crear con él, desde mega estructuras hasta la construcción de escenas de películas.El ci

(Consejos de tecnología y diseño)

20 acciones gratuitas de Photoshop que todos los diseñadores deben tener

20 acciones gratuitas de Photoshop que todos los diseñadores deben tener

Los scripts automatizados ahorran tiempo y mejoran el flujo de trabajo en todos los campos de creatividad. Los productos de Adobe, como Photoshop, ofrecen scripts llamados acciones que automatizan un proceso varias veces con solo hacer clic en un botón. Existen sitios web de acción de Photoshop exclusivos, pero muchos de ellos atienden a fotógrafos.Re

(Consejos de tecnología y diseño)