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.

Google App pour Android est désormais disponible en mode hors connexion

Google App pour Android est désormais disponible en mode hors connexion

Si vous utilisez fréquemment l'application Google sur votre appareil Android, sachez que Google met actuellement à jour une mise à jour. Cette mise à jour contient un mode hors connexion qui permet à l'application de fonctionner même lorsque votre connexion à Internet est inégale .Avant que vous ne soyez trop excité, le mode hors connexion de l'application Google ne signifie pas que vous pouvez désormais effectuer des recherches Google sans connexion Internet. Au lieu

(Conseils techniques et de conception)

Email Marketing: Conseils pour bien le faire

Email Marketing: Conseils pour bien le faire

De nos jours, avec l'expansion de l'Internet partout dans le monde, de plus en plus de gens passent de la promotion commerciale au marketing en ligne. Email marketing est l'un des meilleurs moyens de promouvoir vos produits et services en ligne. C'est aussi l'une des plus anciennes sources de marketing interentreprises utilisées par pratiquement tout le monde.

(Conseils techniques et de conception)