Python: création de cartes dynamiques Google Maps avec Google Charts (kml) Pour créer les graphiques avec Python, nous avons utilisé jusqu'à présent matplotlib mais il y a énormément d'autres possibilités (pypi.python.org/pypi). Parmi celles-ci, il y en a qui utilisent des services web dynamiques comme Google Chart. Le blog.thematicmapping.org/2008/04/using-google-charts-with-kml.html montre comment utiliser Google Chart dans un fichier kml pour fournir des cartes dynamiques. Cette particularité est exploitée par Luis Apiolaza qui illustre sur son site comment le faire avec Python. Google Charts Créé en 2007, Google Charts est une API qui renvoie une image au format PNG à partir d'une URL simple avec une série de paramètres. exemple: chart.apis.google.com/chart En tant qu'API REST, les données sont envoyées directement dans l'URL dont la longueur est limitée par le GET (2k). chart.apis.google.com/chart Python et Google Charts linechart et le résultat est : lecture
Ninja UI Build a Neat HTML5 Powered Contact Form In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser's built-in form validation. We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input. Step 1: Getting Started To begin, we need to setup our directory and files. For more information on the HTML5 boilerplate check out this guide on Nettuts+. Once downloaded and unpacked, delete everything but index.html and the css and js folders. That's all we need to get started! Step 2: The Form Open index.html, and remove everything within the #container element. This is all the HTML we will need for our form. ul#errors and p#success will be holders for our error and success messages. In HTML5, we do this by adding the 'required' attribute. Enquiry is a standard select element, and message is a typical textarea -- nothing new here.
How Google Works - The rules for success in the Internet Century Open Data, le partage de données reste toujours associé à un risque Crédit D.R. Une étude menée par la société de conseil Bluenove fait le point sur l'ouverture des données tant du côté public que privé, offreurs que consommateurs de données. Le principe des données ouvertes est surtout connu pour son utilisation dans le secteur public pour offrir de l'information gratuitement (journal officiel, données géographiques, etc.) qui pourra le cas échéant servir à des entreprises pour créer des services. Or le secteur privé peut aussi être offreur de données ouvertes. Cette ouverture peut être limitée et loin d'être totale. « L'Open Data a un problème d'image : c'est une démarche progressive alors que l'on attend souvent tout gratuitement et tout de suite, l'existant étant par conséquent vécu non pas comme une avancée mais comme une déception » déplore Martin Duval, PDG fondateur du cabinet de conseil BlueNove. Ce cabinet a réalisé une étude baptisée Open Data : quels enjeux et opportunités pour l'entreprise ? L'Open Data connu mais méconnu
50+ Handpicked Free Photoshop Actions and Installation Guide Today I’m sharing a big collection of ready-made Adobe Photoshop Actions. If you don’t know what actions do in Adobe Photoshop, here’s its description. An action is a set of recorded commands that you may use on several images for a particular purpose. For example, you are getting a photo album ready for a website, and you have to sharpen, resize and add a few effects on every image. This article has a tutorial in the start which will teach how to add these actions into your Adobe Photoshop. To be honest, I should say that I haven’t checked all of these actions myself; but they all seem to be working. This is also an untouched topic at Designzzz. Tutorial Don’t know how to load actions into Photoshop?? Open the Actions palette. Click on Load Actions and browse to the ATN file. There you go, that’s all you need to do. Download All Actions Together Download this Freebie Simply enter your email address and the download link will be sent right to your inbox. Polaroid GENERATOR V1 by rawimage
Semantics You are here: Home Dive Into HTML5 Diving In This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it. Parts of it will become shorter. Parts will become longer. All of it will become more semantic. Here is the page in question. The Doctype From the top: This is called the “doctype.” Microsoft came up with a novel solution. This idea spread like wildfire, and soon all major browsers had two modes: “quirks mode” and “standards mode.” In his seminal work, Activating Browser Modes with Doctype, Henri Sivonen summarizes the different modes: Quirks Mode In the Quirks mode, browsers violate contemporary Web format specifications in order to avoid “breaking” pages authored according to practices that were prevalent in the late 1990s. (You should read the rest of Henri’s article, because I’m simplifying immensely here. Now then. That happens to be one of the 15 doctypes that trigger “standards mode” in all modern browsers. This is the HTML5 doctype: That’s it. <!
Your Business in One Place 20 Fresh JavaScript Data Visualization Libraries There are plenty of JavaScript libraries out there for rendering your otherwise plain and boring numerical data into beautiful, interactive, and informative visualizations. The beauty of using JavaScript for data visualization is that, if created correctly, your data will be highly accessible (usually via HTML tables). A long time ago (2008), I wrote about JavaScript solutions for graphing and charting data and this article revisits the topic with twenty more JavaScript libraries that you can use to bring your data to life. 1. Highcharts Highcharts is one of the most promising JavaScript charting libraries to hit the scene recently, with its large array of features including seven charting types (line, pie, and bar among them), the ability to zoom in and out of charts, and tooltips for offering more information about data points. 2. gRaphaël gRaphaël is a charting library based on Raphaël, a vector graphics drawing JavaScript library. 3. 4. jQuery Visualize Plugin 5. moochart 6. 7. dygraphs
Make Better Websites - Inspiration & Showcase for Quality Design and CSS Websites Dictionary Lookups in JavaScript I’ve been working on a browser-based word game, naturally written in JavaScript, and have been encountering some interesting technical challenges along the way. I’ve written up my thought process here for others to learn from (note that most of this happened over the course of a month, or so). I’ve often found that while a final solution to a problem may be rather elegant and “make perfect sense” when looking at it – it’s only through the result of much trial and error that the solution was arrived upon. To start, in my game, the user is frequently re-arranging letters – causing the game to look up words in a dictionary to see if they are valid, or not. I’ve taken multiple passes at implementing a solution to this problem, ranging all the way from “I don’t care about performance, I just want it to work” all the way up to “thousands of people could be playing simultaneously, how do I scale?” Server-Side Solution The first pass was stupid simple. Thus you would call the PHP script like so:
Invisible Girlfriend Processing, seizième et dernier cours décembre 14th, 2008 Posted in Processing Dernier article consacré à Processing pour l’instant, ou plutôt, c’est le dernier sur ce blog, tout cela prendra une autre forme, peut-être plus adaptée, dans quelques semaines. N’hésitez pas à me faire part de vos observations ou de vos questions en commentaire à ces articles, c’est ce qui me permettra de les améliorer et c’est ce qui justifie ce mode de publications. On peut consulter les seize articles depuis cette page . Nous avons vu comment dessiner des choses sur l’écran et comment réaliser des animations, interactives ou pas. Lorsque l’on sauvegarde un programme réalisé avec Processing, celui-ci s’enregistre sur le disque sous la forme d’un fichier dont l’extension est .pde (pour processing development environnement ). L’applet Java Une applet Java est un fichier lisible dans un navigateur web équipé du plug-in Java. Lorsque l’exportation est faite, Processing ouvre le dossier qui contient le produit de cette exportation.
Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine Advertisement Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration. Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates). Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. You may be interested in the following related posts: Wireframing and Sketching Paper Wireframe Print and Sketch Template17 Calendars