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 .

Cómo filtrar y recorrer el árbol DOM con JavaScript

Cómo filtrar y recorrer el árbol DOM con JavaScript

¿Sabías que hay una API de JavaScript cuya única misión es filtrar e iterar a través de los nodos que queremos desde un árbol DOM? De hecho, no uno, sino que hay dos de tales API: NodeIterator y TreeWalker . Son bastante similares entre sí, con algunas diferencias útiles. Ambos pueden devolver una lista de nodos que están presentes en un nodo raíz determinado al tiempo que cumplen con las reglas de filtro predefinidas y / o personalizadas que se les aplican.Los filtr

(Consejos de tecnología y diseño)

9 aplicaciones gratuitas de gestión de fotos para móviles: lo mejor de

9 aplicaciones gratuitas de gestión de fotos para móviles: lo mejor de

¿Puedes adivinar cuántas fotos se toman todos los días? No importa en qué dispositivo esté, una cámara, un teléfono inteligente o una tableta. Tampoco estamos seguros, pero a juzgar por las cifras que puede ver en esta publicación, se trata de miles de millones, todos los días. Por lo tanto, estamos seguros de que vas a necesitar una aplicación de administración de fotos tanto como necesitas almacenamiento para guardar todas esas fotos de comida, niños, mascotas, fotos de ventanas de avión que estás tomando diariamente.Las aplicacio

(Consejos de tecnología y diseño)