background preloader

Web

Facebook Twitter

Como App Maker - Create Android and iPhone Mobile App. Code Snippets. Des données sur Paris et les Parisiens localisées par le biais du réseau métropolitain. Revenu net annuel moyen par foyer fiscal.

Des données sur Paris et les Parisiens localisées par le biais du réseau métropolitain

Année : 2009. Source : INSEE. Impôt annuel moyen par foyer fiscal. Nombre de chômeurs par rapport à la population de 15 ans ou plus. Nombre d'étudiants par rapport à la population active de 15 à 64 ans. Nombre de diplomés de l'enseignement supérieur long par rapport à la population non scolarisée.Diplômes de l'enseignement supérieur long : licence, maîtrise, master, DEA, DESS, doctorat, école supérieure niveau licence et plus (hors DEUG, DUT, BTS, diplôme paramédical ou social...). Nombre de célibataires par rapport à la population de 15 ans ou plus.

Nombre de mariées par rapport à la population de 15 ans ou plus. Nombre de retraités par rapport à la population de 15 ans ou plus. Nombre de femmes et d'hommes par rapport à l'ensemble de la population. Nombre d'habitants au km². Nombre de ménages propriétaires de leur résidence principal par rapport à l'ensemble des résidences principales. Année : 2011. Source : RATP. Color — Method of Action.

Capture Canvas and WebGL output as video using websockets. About a month ago I got the request to create a video from one of the WebGL demos on this site (the rotating earth cube, showing population density).

Capture Canvas and WebGL output as video using websockets

So, of course, I said yes, but creating high quality output of this animation wasn't as easy as I thought. I looked at a couple of screen recording tools, but none were available for Mac that were free, offered a good resolution and high enough frame rate. To be honest, I didn't really look that long since I thought it a good opportunity to see how I could get the content of just the single canvas/webgl element and export it to a movie. So basically, after some looking around, I came across this link where someone used websockets to export the content of the canvas and save these captures individually. Finally at the server side we can use ffmpeg to convert these captures to a movie.

In this short article I'll walk you through the required steps and code, so you can easily set this up yourself. Creating the client javascript code. Les Media Queries CSS3. La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML.

Les Media Queries CSS3

On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc. Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style. <! Screen Écrans handheld print Impression.

Tools

Design.