Et si on passait par le son pour expliquer le fonctionnement de la couleur ? Curieuse idée, mais qui en a sous le pied, comme nous le démontre cette vidéo issue de la chaîne Youtube Science Etonnante. L’auteur nous explique comment la couleur naît dans notre cerveau par le biais de trois cônes sensibles à des longueurs d’onde allant de 400 nm à 700 nm. Plus particulièrement, ces cônes, sensibles chacun à une plage de longueur d’onde (soit grosso modo 450 nm pour le bleu, 550 nm pour le vert et 600 – 650 nm pour le rouge), expliquent comment une couleur mélangée à une autre peut en créer une troisième. →
Archives des tags : video
Le tour du web en 80 8 liens
Vous trouverez dans cette nouvelle édition du petit journal du web des liens concernant : des vidéos en plein écran, des stratégies pour faire des sites responsive, des backgrounds dans vos <tr>
, un peu de gossip sur Dribbble, des formulaires sur mesure pour WordPress, les limites de la gratuité sur le net, le passage d’After Effects à CSS3 et le point médian pour finir. →
a3 Lazy Load : chargement des images à volée pour WordPress
Comme le rappelle l’article Des pages web de plus de 2 mo, à qui la faute ? les images représentent en moyenne 56 des requêtes et 62% du poids total d’une page web. Et ces chiffres sont en augmentation constante. Pour améliorer les performances de votre site, outre un système de cache et d’optimisation des fichiers HTML, CSS et Javascript, il est important de penser à différer l’affichage des images jusqu’à ce qu’elles sautent aux yeux de l’utilisateur.
→
La journée mondiale de l’accessibilité, c’est maintenant !
184 vidéos en français pour apprendre jQuery, PHP, HTML & CSS
WordPress de A à Z — Table des matières
Créer son site web avec WordPress de A à Z… avec le Codex — Le codex une véritable mine d’information qui contient souvent des exemples de code prêt à copier-coller. Ne vous en privez pas. Voici les 26 articles qui composent cette saga WordPress de A à Z. →
390 ressources Javascript & jQuery
Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les liens pointent directement sur les sources d’origine.
100+ Polyfills et Fallbacks pour HTML5
Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. Par exemple, HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Les Polyfills permettent d’utiliser ces API d’une manière standard sans être obligé d’utiliser des contournements qui seront obsolètes à terme. Pour nous aider dans cette tâche, voici une collection de bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Modernizr est un bon point de départ pour détecter ces fonctionnalités. →
Popcorn.js is — Framework Javascript vidéo & audio HTML5
Popcorn.js is est un framework Javascript créé par Mozilla pour faciliter la création de vidéos interactives. Popcorn normalise les propriétés, les méthodes et les événements natifs des éléments média audio et video HTML5 sous la forme d’une API extensible via des plugins. En gros, il s’agit du jQuery de la vidéo. C’est dire l’ambition des concepteurs qui espèrent révolutionner le monde de la vidéo en l’adaptant au web via l’utilisation des ressources visuelles, audios et vidéos disponibles sur les réseaux sociaux. →
qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery
qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title
ou attribut personnalisé tooltip
, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides ! →