background preloader

Raphaël—JavaScript Library

Raphaël—JavaScript Library

http://raphaeljs.com/

Related:  ocean bleuWebJSzahramaaziz

Jacques Bertin’s Reorderable Matrices A device made by French cartographer Jacques Bertin for exploring tabular data, developed in the mid 1960s. More photos on the aviz website, in the flickr photo set by Jean-Baptiste Labrune, and on Page 78 of Nathalie Henry's PhD dissertation. Also see Jean-Daniel Fekete's interview on Jacques Bertin by Enrico Bertini, our interview by Data Stories where we demo a simplified version of Bertin's matrix made by Innar Liiv, and the Web page of Bertifier. Sources: Créer une carte de France cliquable en HTML5 / SVG. var departement48 = paper.path("M 320.78125,352.25 L 315.3125,354.21875 L 313.75,357.71875 L 310.25,355.375 L 307.5,363.96875 L 304.6875,370.4375 L 308.78125,375.46875 L 308.5,379.34375 L 311.25,381.28125 L 311.25,385.96875 L 312.09375,392.59375 L 315.40625,394 L 315.125,396.1875 L 319.8125,395.375 L 321.46875,396.1875 L 320.4375,397.09375 L 326.46875,401.125 L 331.625,400.0625 L 332.5,398.8125 L 331.78125,397.0625 L 333.90625,396.53125 L 336.90625,399.34375 L 342.03125,399.875 L 344.34375,396.34375 L 344.34375,393.34375 L 345.75,391.75 L 344.5,391.40625 L 344.5,387.34375 L 341.6875,384.34375 L 344,383.96875 L 345.21875,382.90625 L 346.1875,381.03125 L 345.21875,380.4375 L 345.78125,376.3125 L 342.46875,372.71875 L 341.09375,365.53125 L 336.125,359.1875 L 332.5,360.0625 L 331.71875,357.34375 L 329.75,357.34375 L 329.375,359.6875 L 324.3125,361.25 L 320.78125,352.25 z ");

Des ressources Javascript pour animer le HTML et les SVG de votre site C'est officiel depuis début décembre, la technologie Flash, en mort lente depuis plusieurs années est abandonnée par son créateur au profit du HTML5. En effet, le logiciel Flash Professional quitte la suite d'Adobe pour etre remplacé par Animate CC. Si vous faites parti des retardataires qui n'avaient pas encore fait sa transition vers HTML5, je vous propose de découvrir cette série de 5 ressources Javascript qui vous permettra d'animer votre site avec les technologies CSS3, HTML5 et Javascript ! Popmotion

Tutoriel canvas <canvas> est un nouvel élément HTML qui peut être utilisé pour dessiner des éléments graphiques à l'aide de scripts (habituellement JavaScript). Il permet par exemple de dessiner des graphiques, de réaliser des compositions de photographies ou des animations simples (voire pas si simples). L'image sur la droite montre quelques exemples d'implémentations utilisant <canvas> que nous verrons plus tard dans ce tutoriel. Internet mobile : 10 raisons de proposer une application plutôt Avec le succès de l’iPhone et de l’écosystème qu’Apple a su créer et développer avec l’App Store, les éditeurs de sites web, marques et entreprises, se ruent sur les applications, dans lesquelles ils perçoivent un nouvel eldorado. Il ne se passe pas un jour sans que je reçoive une ou plusieurs annonces de lancement d’une Avec le succès de l’iPhone et de l’écosystème qu’Apple a su créer et développer avec l’App Store, les éditeurs de sites web, marques et entreprises, se ruent sur les applications, dans lesquelles ils perçoivent un nouvel eldorado. Il ne se passe pas un jour sans que je reçoive une ou plusieurs annonces de lancement d’une nouvelle application pour iPhone. D’ailleurs si mes calculs sont exacts, depuis le lancement de l’App Store en août 2008, il s’est créé en moyenne 238 applications par jour ! 1.

5 outils pour créer des tests en ligne Dans le trousse à outils de l’enseignant ou formateur connecté on trouve bien sûr les questionnaires interactifs ou tests en ligne. Il existe de nombreux services sur le web qui vous permettent de bâtir en quelques minutes un test pour le proposer à vos élèves ou apprenants. Voici une petite liste non exhaustive de 5 outils pour créer des tests en ligne. Google Drive Homepage de CaptureFlux Les plug-in pour DVC170 (Dazzle Video Creator Platinum), pour DVC130 (Dazzle Video Creator) et pour ADS DVD XPress DX2 ont été corrigés et publiés le 23 septembre 2007. Ils résolvent différents problèmes comme c'est expliqué dans mon blog. Vous pouvez les télécharger ci-dessous:

6 ressources javascript pour notifier vos utilisateurs Aujourd'hui, je vous propose de découvrir 6 ressources pour permettre de notifier à vos utilisateurs les changements et nouveautés de vos sites et applications web. Sweet Alert Cette library met l'accent sur l'aspect graphique des alertes. Canvas dans HTML 5 La surface graphique de HTML 5 est un outil universel pour créer des applications, pour mobiles ou le bureau. Canvas est déjà utilisé pour réaliser des jeux et constitue donc une alternative à Flash, comme il sert pour des applications plus sérieuses telles la cartographie, les figures géométriques, les plans d'architecte, etc... Une des principales tendance chez les webmasters actuellement est de porter les anciens logiciels sur ce nouveau support. On voit donc Sim City, Wolfenstein 3D, apparaître sur des pages Web. Tutoriel

Internet mobile : 10 raisons de proposer une version web mobile Mon précédent billet sur le sujet a suscité de nombreuses réactions et une discussion argumentée et constructive. C’était prévisible, et je remercie tous ceux qui ont contribué à la conversation, ici mais aussi sur leur propre blog ou ailleurs (Twitter, Facebook…). Je vous avais promis un billet contradictoire, car j’estime que le débat n’est pas Mon précédent billet sur le sujet a suscité de nombreuses réactions et une discussion argumentée et constructive. C’était prévisible, et je remercie tous ceux qui ont contribué à la conversation, ici mais aussi sur leur propre blog ou ailleurs (Twitter, Facebook…).

Montrer toutes vos compétences grâce à Mozilla Open Badges Cet article a été écrit par Fabio Dell’Anna. Vous pouvez le suivre sur Twitter @fabiodellanna Il n’y a pas que chez les scouts où l’on reçoit des badges. Vous savez ces petits écussons qui vous gratifient d’avoir allumé un feu à l’aide de deux pierres. Mozilla si met aussi… Créer la maquette de son site web pro : les bons outils Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ». Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. Simples d'utilisation, ils sont particulièrement utiles aux professionnels encadrant la réalisation d'un projet web.

jQuery – InView : déclencher des actions en fonction des éléments visibles à l’écran. Le plugin jQuery InView permet de déclencher des actions en JavaScript en fonction de l’apparition à l’écran d’un élément ou d’une partie de cet élément. Il est donc facile d’imaginer toutes sortes de succession d’animations ou d’actions asynchrones grâce à ce plugin. Voyons comment l’utiliser. Où le trouver Cela se passe sur GitHub, il est donc possible de télécharger le script, mais également de l’améliorer et partager vos suggestions. Télécharger InView Introduction à Canvas Il faut le rappeler : Canvas est une surface de pixels. D'un point de vue de l'accessibilité (et par rapport à SVG) c'est un gros inconvénient car sans alternative c'est un véritable trou noir sans contenu propre. Si l'on place cet inconvénient de coté et que l'on fait appel à Canvas en conscience de cause, tous les pixels sont "accessibles" avec les méthodes createImageData (création ex-nihilo), putImageData (écriture) et getImageData (lecture). Cela signifie que l'on peut opérer des traitements sur l'image, ou générer un tableau de pixels à partir d'un quelconque algorithme pour ensuite l'injecter sur la totalité ou une partie du dessin. createImageData(x,y) crée un tableau de pixels RGBa de dimension (x * y).

Related:  CSSJavascriptTutoriels intégrationWebgéomatiqueles outilsenfinducJavaScriptInformatique