Les actualités du Vendredi 01 aout 2014 dans les métiers du web - Marmits.com - Reims
When I need to create charts, my first choice is Google Charts or another dedicated library. Sometimes, though, I need some specific features that I can’t find there. In these cases, SVG images prove to be very valuable.
Recently, I had to build a report page that was able to show a map of Italy in which each region had a different color tone according to some values retrieved from a database. Thanks to SVG, this task was very easy.
Creating the SVG Map in Illustrator
First, I drew a map of Italy with Illustrator:
Every region is drawn as a single object, and each of them has its own level, with a name matching the code used in the database to identify its relative data (for example: “tos” for Tuscany).
Finally the map must be saved as an SVG file. You have to pay attention to set the “CSS property” option to “Style Elements” in Illustrator, as shown below:
Opening the file just created, you will see it contains a set of g tags whose IDs match the names of Illustrator levels.
Building our HTML File
Each item contained in g tags has a st0 class so that the stroke and fill CSS properties can be assigned to them:
If you try to change those values, the map will change immediately:
Continue reading %Dynamic Geo Maps with SVG and jQuery%
Sources sur ActuaLitté :
Crédit : Simon Gee Giraudot (Creative Commons By-Sa)
Suite au rachat de de Beats par Apple, 200 salariés pourraient perdre leurs emplois sur le long terme.
Avis aux amoureux du clavier physique qui ne souhaitent pas se séparer de leurs iPhone. Ryan Seacrest revient avec un autre Typo.
Google défend son droit de signaler un webmaster si un lien a été déréférencé au nom du droit à l’oubli.
Besoin d’une solution souple, flexible et robuste pour gérer vos listes de tâches. Soyez heureux, Wunderlist 3 est disponible !
Netflix confirme définitivement son arrivée en France à partir du 15 Septembre en envoyant ce carton d'invitation à la presse.
A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page with jQuery and CSS3.
Samsung lancera deux nouveaux smartphones hauts de gamme durant ces six prochains mois.
Enliven ‘em is a jQuery plugin which lets you animate any vector graphic in SVG form in many different ways when your illustration become visible in a user browser viewport […]
A simple jQuery sidebar plugin.With this simple plug-in you can choose to use the right-sidebar or the left-sidebar and switch from one to the other in just one type! Demo […]
Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds. It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. Requirements: [...]
The post Generate Nice SVG Background Images with Trianglify JS appeared first on WebAppers.
Sponsors
Flux, from Facebook, is an application architecture for building user interfaces, and more pattern than formal framework. It complements React’s composable view components via a unidirectional data flow.
Pakyow is an open-source framework for the modern web. Build working software faster with a development process that remains friendly to both designers and developers. It’s built for getting along. Pakyow empowers the designer with a view-first development process. The views are created in isolation from the back-end app, giving the designer complete control over [...]
The post Pakyow – An Open Source Framework for Ruby appeared first on WebAppers.
Sponsors
404 pages are one of the most overlooked aspects of any website design, and when they’re not overlooked, the tendency is to create something fun—in the hope that a bit of humour will lessen the user’s irritation at the missing information. Many designers opt for the default 404 believing that the rest of their scheme […]
Volkshotel, a new hotel and entertainment establishment located in east Amsterdam.
La fondation Wikimédia vient de déployer une mise à jour de l’application mobile de la Wikipédia sur iPhone, iPod Touch et iPad.
Après s’être embarqué dans l’aventure téléphonie mobile en janvier 2012 avec Free Mobile sur le sol français, Free ambitionne de se faire une place aux USA. Pour arriver à ses […]
L'article Free Mobile : Rachat de T-Mobile US pour pénétrer les Etats-Unis est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Les réseaux sociaux offrent plein de possibilités : partage de photos, rencontres professionnelles (voire personnelles pour certains), veille… Après les réseaux sociaux généralistes, de nombreux autre sites communautaires ont vu le jour.
Un service utile, gratuit et qui fonctionne bien. Que demander de plus ?
Google rendait hommage à Nelson Mandela il y a quelques jours au travers d’un logo personnalisé sur la page d’accueil de son moteur de recherche. La firme de Mountain View […]
L'article Google : La comtesse de Ségur en doodle est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Line25 Sites of the Week is a weekly roundup of the most outstanding website designs that I stumble across during my every day browsing. In this week’s collection, we have designs from WILD, TOWA, M·Power Yoga, Cognitect and Readymag. WILD View the website TOWA View the website M·Power Yoga View the website Cognitect View the […]
The post Line25 Sites of the Week for August 1st 2014 appeared first on Line25.
Iliad a déposé une offre à 15 milliards de dollars pour acquérir 56,6% de T-Mobile US.
The post Xavier Niel veut s’offrir T-Mobile aux Etats-Unis appeared first on FrenchWeb.fr.
Vous avez cassé l’écran de votre iPhone 5C ? Phone Online vous propose sur son catalogue de pièces détachées pour iPhone votre écran iPhone 5C neuf de qulité et à petit prix. Votre écran n’affiche plus rien, la vitre tactile est brisée, remplacez dès maintenant votre écran. La livraison est gratuite. Boutique écran iPhone 5C [...]
Iliad a déposé une offre à 15 milliards de dollars pour acquérir 56,6% de T-Mobile US.
The post My Way: Xavier Niel veut s’offrir T-Mobile aux Etats-Unis appeared first on FrenchWeb.fr.
Les partenaires presse en ligne représentent un trafic d’audience vertigineux. Avoir la chance d’être mis en avant sur l’un de ces sites très médiatisés est l’opportunité immense d’accéder à une grande visibilité et d’apparaitre même en première page de Google et mieux encore, de Google Actualité...
[initialement publié le 4 février 2014] Elles ont entre 5 et 3 ans, et ont grandi en...
The post 3 startups, 3 visions de l’international appeared first on FrenchWeb.fr.
Les cas de SoCloz, 1001 menus, Netatmo, StickyADS.tv et Ezakus...
The post [Levée de fonds] Qu’ont-ils fait de leur premier million ? appeared first on FrenchWeb.fr.
Connues et reconnues dans le monde entier, les créations de Ken Taylor ne laissent pas indifférent. (Re)-partez à la découverte d’un univers à la croisée du graphisme, des vecteurs, de films et de musique. Ken Taylor peaufine son style depuis … Continuer la lecture
L'application revendique plus de 400 millions d'utilisateurs dans le monde et devrait s'introduire en bourse.
The post Line: chiffre d’affaires trimestriel en hausse de 25% à 132 millions d’euros appeared first on FrenchWeb.fr.