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


Intégrez facilement des vidéos réactives avec SuperEmbed.js

Le web moderne est totalement réactif et de plus en plus de designers le réalisent chaque jour. Mais il y a un défi embêtant quand il s'agit de conception réactive: contenu intégré .

Chaque site vidéo de YouTube à Vimeo a un code d'intégration par défaut fixé à une certaine taille. Cela signifie que les développeurs doivent utiliser d'autres solutions pour créer des vidéos totalement réactives .

Cependant, au lieu d'utiliser une classe de conteneur CSS, vous pouvez utiliser SuperEmbed.js, une bibliothèque JavaScript gratuite pour créer des vidéos réactives .

Ce plugin résout deux problèmes à la fois. Toutes les vidéos intégrées s'étendront pour remplir le conteneur principal, tout en étant suffisamment flexibles pour être redimensionnées en fonction de la fenêtre du navigateur .

La meilleure partie est que SuperEmbed.js ne nécessite aucun code supplémentaire, vous pouvez donc simplement intégrer les fichiers et les laisser s'exécuter . Cette bibliothèque JS s'occupe du reste en ciblant des éléments incorporés de certains sites .

Toutes les vidéos conservent leurs proportions spécifiques, vous n'avez donc pas besoin de vous soucier des dimensions bancales. Et SuperEmbed fonctionne comme une bibliothèque JS vanilla sans dépendances telles que jQuery.

À l'heure actuelle, SuperEmbed prend en charge plus de 15 vidéos intégrées de sites tels que YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me et Archive.org (parmi beaucoup d'autres). Cette liste est toujours en croissance, alors attendez-vous à ce que plus de services de streaming vidéo soient ajoutés au fil du temps.

Pour que cet outil fonctionne, il vous suffit de télécharger la bibliothèque et de l' ajouter à l'en-tête de votre site comme ceci:

Vous pouvez télécharger une copie complète à partir du dépôt GitHub qui inclut également les spécifications pour les sites vidéo pris en charge et le support du navigateur actuel .

Pour la plupart, SuperEmbed prend en charge tous les navigateurs modernes de FireFox 3.5+, Chrome 4+ et les versions d'Internet Explorer 9 ou supérieur.

C'est une bibliothèque très impressionnante considérant tout le support de navigateur et comment il fonctionne bien hors de la boîte . C'est une solution beaucoup plus simple que les hacks CSS si vous êtes d'accord avec JavaScript.

Vous pouvez trouver plus d'informations sur GitHub et vous pouvez le voir en cours d'exécution dans ce violon.

Astuce Gmail: filtrer le courrier par horodatage

Astuce Gmail: filtrer le courrier par horodatage

La propre barre de recherche de Gmail peut s'avérer être un outil extrêmement puissant si vous savez tirer parti des opérateurs de recherche . Bien que nous ayons précédemment couvert certains des opérateurs de recherche qui peuvent être utilisés pour affiner votre recherche dans la boîte de réception, cet article se concentrera sur la façon dont vous pouvez rechercher les e-mails qui ont été envoyés pendant une période spécifique .Pour effectuer u

(Conseils techniques et de conception)

Synchroniser vos fichiers de projet et gérer la communication de l'équipe avec Fleep

Synchroniser vos fichiers de projet et gérer la communication de l'équipe avec Fleep

Le courrier électronique est loin d'être la meilleure façon de communiquer, en particulier dans un environnement de travail loin d'être traditionnel. Si vous travaillez à distance avec les membres de l'équipe, les services de clavardage et de messagerie instantanée fournissent une plate - forme de communication en temps réel plus immédiate, mais ils sont terribles pour l'envoi de fichiers.Voici co

(Conseils techniques et de conception)