background preloader

The HTML5 Media Framework

The HTML5 Media Framework

http://popcornjs.org/

Les URLs sont pour les Humains, Pas pour les Ordinateurs Nous sommes tous familiers avec les URLs : la chaîne identifiant uniquement le document demandé. Néanmoins, nous n’avons toujours pas imaginé qu’elles sont plus que cela : Les URLs font face à l’utilisateur et devraient être considérées comme des éléments importants de l’interface-utilisateur. Elles devraient être propres, compréhensibles, sémantiques, hiérarchiques et pas trop longues. Si l’URL ressemble à une poubelle les gens ne cliqueront pas dessus Webdocumentaire, jouer au petit journaliste L’année 2011 a été, une fois de plus, l’occasion de découvrir de nombreux webdocumentaires et certains particulièrement captivants. Les moyens de productions se développant, la production tend à s’homogénéiser vers un même format. Par leur interactivité et leurs contenus, les webdocumentaires apparaissent comme des outils intéressants pour l’éducation aux médias.

Programmation orientée objet avec le langage JavaScript (1ère partie) Dans ce premier article, nous allons décrire les différents mécanismes de base du noyau du langage JavaScript, le langage EcmaScript. Ce dernier est standardisé par la spécification ECMA-262 [1] dont la version 3 est la version courante. Bien que ce langage soit orienté objet, il différe considérablement des langages objet classiques tels que Java et C++ puisqu'il se fonde sur une variante de ce paradigme, à savoir la programmation orientée objet par prototype [2].

Les attributs async et defer pour <script> Deux attributs HTML permettent de modifier le comportement des balises <script> et plus particulièrement pour le chargement des ressources JavaScript : async : charger/exécuter les scripts de façon asynchrone. defer : différer l'exécution à la fin du chargement du document. Créez un Webdocumentaire enrichi et interactif gratuitement html5 Terminer les diaporamas, créez un Webdocumentaire enrichi et interactif gratuitement html5. Prise en main, installation et création d'un projet deux heures avec le tutoriel ci-dessous. Le principe : 1- Titre du webdocumentaire enrichi 2- Titre séquence 3- Extras avec plusieurs options (infos, crédits…) 4- Vidéos, images, sons… 5- Compléments avec plusieurs options 6- Notes de marges avec plusieurs options 7- Miniatures de la partie 4 avec plusieurs options 8- Timeline avec durée, sommaire, bouton arrêt/marche et d'autres options

Comment suivre un internaute sans cookie ni javascript ? Vous vous croyez protégé de toute forme de tracking car vous avez désactivé ou filtré le JavaScript, flash, les cookies...etc. ? Eh bien détrompez-vous, car même si vous avez mis en place ce plugin qui permet de brouiller les pistes face à des méthodes de tracking non traditionnelles comme Panopticlik, il est toujours possible de vous suivre. Comment ? Et bien tout simplement en détournant l'utilisation des ETag. Les évènements Web à ne pas manquer en Octobre, Novembre, Décembre prochain Alors que la fin de l’année arrive à grand pas, les événements Web ne manquent pas à l’appel et continuent de se bousculer. Aujourd’hui, je vous propose de découvrir de nouveaux rassemblements Web pour cette fin d’année 2012. En effet, la France regorge d’événements sur lesquels, nous amateurs de conception Web, dont la soif d’apprendre n’est plus à présenter, aimons participer. Ainsi, que l’on soit expert en développement ou conception, mais également simple passionné du Web qui cherche à apprendre et à échanger, ou encore étudiant, ces événements sont quasiment indispensables pour nous ! Dans la suite de ce billet je vais présenter les principales conférences Web des prochaines semaines qui me semblent intéressantes, ainsi que celles relayées par les lecteurs, et celles pour lesquelles je devrais être présent. L’heure est donc venue de faire un point sur celles-ci, qui vont je l’espère satisfaire votre soif de connaissances dans le monde de la conception web :

Chrome supporte maintenant les FPS en version stable mais pas que … Au début du mois je mentionnais que Google avait mis à jour la version bêta de Chrome avec un certain nombre de technologies HTML5. Bien sûr, la plus importante étant l’API JavaScript « Pointer Lock » qui ajoute une fonction de blocage de la souris. Celle-ci permet au navigateur de reproduire le contrôle de la souris dont les jeux PC ont bénéficié pendant plus de deux décennies… Grâce à l’arrivée de l’HTML5, cette « technologie » est maintenant disponible pour tous. Google a annoncé hier que la dernière version stable de Chrome qui embarque l’API « Pointer Lock ». Les utilisateurs de Chrome peuvent désormais bénéficier de la précision des contrôles natifs de la souris. Dorénavant les applications Web 3D comme les jeux à la première personne (FPS, ou encore first-person shooter, en anglais) peuvent se passer du curseur de la souris à l’écran et accéder directement aux données brutes de mouvements de votre souris.

★ Pour ne plus être en REST, comprendre cette architecture Depuis quelques mois, j'apprends j'essaye d'apprendre REST et j'ai lu de nombreuses pages sans pour autant trouver d'explication simple, à la portée de tous. Du coup quand j'essaye d'expliquer les mécanismes et les avantages professionnellement, c'est pas toujours convaincant... et je voulais justement écrire un petit billet pour mettre tout ça au clair. Et puis je suis récemment tombé sur une série d'explications par Softies on Rails se basant sur des exemples concrets. En voici la traduction chronologique. So what is Meteor? « Hype Driven Development Il y a quelques jours, un (enième) framework javascript faisait son lancement : Meteor. Un très bon lancement d’ailleurs, avec un site agréable, 3 petites applications d’exemple, presentées avec des screencasts clairs. Cette sortie est remarquée et se retrouve rapidement commentée sur Hacker News, Twitter et Quora. Car Meteor est un framework de développement d’application web full stack en javascript qui entend bien révolutionner notre façon de coder.

La parole aux experts du Web : Que sont les CSS3 Media Queries ? Comment les intégrer et les mettre en oeuvre ? Introduit en Juin dernier, cette catégorie intitulé « La parole aux experts » avait été légèrement abandonnée… Non par un manque d’envie mais plutôt par un travail important, d’une part pour réunir les réponses de nos experts, et d’autre part pour en synthétiser le contenu. Le premier article avec nos experts Matthieu Bué, Raphaël Goetter, Bruno Bichet et Aurelien Garroux, nous avait permis d’aborder le thème suivant : HTML5, est-ce le moment de l’adopter ? Au final, on pouvait répondre unanimement de manière positive. Afin de rester dans la thématique, je vous propose aujourd’hui ce nouvel article qui permet au Web français de s’exprimer ! Le second thème abordé est : Que sont les CSS3 Media Queries ?

Related:  storytelling