hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Générez des codes d'intégration réactifs facilement avec cette application gratuite

Chaque concepteur Web sait comment intégrer des vidéos . L'intégration est le moyen le plus simple de partager du contenu et d'améliorer vos articles avec des médias pertinents.

Cependant, il y a un problème avec les iframes et autres intégrations vidéo similaires: le manque de solutions réactives . Chaque site moderne est totalement réactif et une vidéo fixe peut vraiment casser ce flux sur mobile.

Pour résoudre ce problème, essayez Embedresponsively.com . Cette application Web gratuite génère automatiquement des codes intégrés pour un large éventail de sites multimédias et prend même en charge les éléments iframe par défaut .

Par défaut, vous pouvez choisir parmi une poignée de sites multimédias prenant en charge les intégrations natives:

  • Youtube
  • Vimeo
  • DailyMotion
  • Instagram
  • Gazouillement
  • Google Maps
  • Soundcloud
  • Scribd

Vous n'avez pas besoin de mémoriser tous ces codes intégrés ou de jouer avec leurs widgets d'intégration. Il suffit de copier l'URL de l'élément que vous souhaitez intégrer et collez-le dans l'application Web.

Une fois que vous avez cliqué sur le bouton "Intégrer", vous obtenez un aperçu que vous pouvez tester dans votre navigateur en le redimensionnant, pour voir comment la vidéo s'adapte. Sous le volet d'aperçu, vous trouverez un bloc de code que vous pouvez copier / coller et utiliser pour l'intégrer sur votre site .

C'est l'une des solutions les plus simples au problème de l'intégration responsive. Le but est de garder la vidéo flexible tout en conservant le rapport d'aspect, ce qui n'est pas une tâche facile.

Il y a une super pièce sur CSS-Tricks avec une autre solution qui repose plus sur les classes et un élément conteneur. Mais, si vous ne voulez pas toujours vous souvenir d'ajouter ce conteneur, vous pourriez préférer Embedresponsively.com.

Jetez un coup d'oeil sur le site et donnez-lui un coup de feu. Si cela ne vous dérange pas de travailler avec des extraits de code plus longs, c'est certainement une excellente solution pour toute mise en page réactive.

Et, vous pouvez trouver le code source complet gratuitement sur GitHub si vous souhaitez ajouter un support pour les médias plus intégrables .

10 plugins WordPress pour créer des sites Web mobiles-réactifs

10 plugins WordPress pour créer des sites Web mobiles-réactifs

Ces jours-ci, vous pouvez utiliser un plugin WordPress pour créer des pages d'atterrissage, personnaliser votre page de connexion, adopter une authentification à deux facteurs, ou même déterminer comment optimiser votre site avec l'intelligence artificielle. Dans ce post, nous allons ajouter un autre élément à cette liste, vous apportant 10 plugins pour créer des blogs mobiles pour vous.Vous n&

(Conseils techniques et de conception)

Comment créer post-projet dans Jekyll

Comment créer post-projet dans Jekyll

Dans le post précédent, nous vous avons montré comment installer Jekyll et publier votre premier post avec. Si vous l'avez suivi, vous pouvez voir que créer un poste est un jeu d'enfant; Nous créons simplement un nouveau fichier Markdown, l'enregistrons dans le dossier / _posts, et il apparaîtra immédiatement dans le blog .Cela,

(Conseils techniques et de conception)