Google Maps API Plugin pour l’intégration de Google Maps API dans SPIP Installation et paramétrage Ce plugin est développé pour une compatibilité avec SPIP 1.9.2 minimum avec le plugin CFG 1.10.5 mini installé. Version 0.2.0 Télécharger le plugin sur la zone. Installation et activation comme tous les plugins. Vous devez configurer ce plugin pour qu’il puisse fonctionner. A ce stade, il faut obtenir une clé Google maps pour pouvoir implémenter leur API sur la page web. Une fois sur la page de Google, il faut accepter les termes du contrat en cochant la case correspondante et indiquer l’adresse url du site sur lequel sera intégrée l’API de Google maps, par exemple : www.escoitar.org. Il faut ensuite sélectionner et copier la clé : Après cela, il est nécessaire de revenir sur la page de configuration du plugin et de coller la clé dans le champ prévu à cet effet. Ensuite vous devez configurer la position et le zoom par défauts des cartes et cliquer sur le bouton Choisir. Usages du plugin Auteurs du plugin :
XML Editor The following are the possible ways to create professional animations in SVG: – Medium Export your SMIL animations from a graphics application. The standard way to produce SVG animations with SMIL is to create them in applications like Adobe Animate CC and similar others (see the section below for a list), and then using plugins like Flash2svg to export them in SVG. The Flash2svg add-on, created by the very talented Tom Byrne, is a marvel. With it you can export from Adobe Animate CC almost all animations+sound as a single self-contained SVG file. If you need to use the SVG animation for cartoon editing or video production, you can then import the resulting SVG file in your editing software, for example Adobe After Effects. If you need to use SVG animations on the web, being SMIL not supported by all browsers, you should add a polyfill to your web page. Demo page without the smil polyfill: And the same page with the smil polyfill:
INTERVIEW : Olivier Andrieu (Abondance) SEO Campus Interview d’Olivier Andrieu d’Abondance lors de notre séminaire SEO Campus 2010. L’interview a été réalisé par Hedi Smida et le montage par Rudy Guillerm de Synerg’Hétic, la junior entreprise de l’école web HETIC. Les questions posés : Comment voyez-vous l’évolution du métier de référenceur ? > Suite avec David Degrelle de l’agence 1ère Position < Voir aussi l’interview de Philippe Yonnet, ancien président du SEO Camp Marquer le permalien. ou laisser un trackback.
Lecteurs en colère | La vérité sur les ePubs commerciaux | Page 3 Bonjour cher lecteur, Voici le tome 2 (pour respecter la logique éditoriale du livre) de mon article sur Les Enfers Virtuels de Iain Banks aux Éditions Robert Laffont. Après mes commentaires sur le prix, le DRM, les deux tomes, je m’attaque maintenant, bien entendu, au code. Si tu te souviens bien, le dernier ePub de Robert Laffont analysé par mes soins était Drood de Dan Simmons. Même si celui-ci était loin de la perfection, il y avait une base respectant la logique HTML. J’attends toujours la nouvelle version promise par la responsable numérique de Robert Laffont. Bref, j’ai analysé un code. Comme à chaque fois, je commencerai par le rendu, ce que toi simple lecteur (en apprentissage de code grâce à tes saines lectures) remarquerait facilement. Et dès la couverture, ça coince : Une énorme marge à droite (période électorale oblige?) En ouvrant la CSS, j’ai eu un regain d’espoir, une entrée manuelle ! La fin de mes espoirs. Les balises <h1>: envolées Les balises <p> : envolées Mais bien pire.
The Fall and Rise of SVG SVG certainly crashed and burned before it rose like a phoenix from the ashes… Sometime in 1998, a former co-worker who had gone to work at Adobe came by my office at Bertlesmann to inform me of a brand new technology that she knew would excite me: PGML, or “Precision Graphics Markup Language.” This was the Adobe flavor of XML for Vector Graphics. As Jon Warnock put it at the time: “The PGML proposal solves a growing need for a precise specification that enables members of the Web community to readily and reliably post, control and interact with graphics on the Web.” I fell for it, hook, line and sinker, and ever since that time, I have followed the standards for XML-based vector graphics closely. Completely obvious in the year 2000 What made SVG so cool? Yet there was an added dimension to the coolness: unlike PostScript, SVG was expressed as declarative markup in a standard markup meta-language, XML. …in a text file, save that file, then load it into a browser and see the result.
Are You Ready for Auto SEO? No, I don't mean that search engine optimization will happen automatically. I am asking if you have considered what the world will be like in the not-too-distant future, when a big chunk of searches will be executed from your customers' cars. Perhaps this strikes you as a bit too much Buck Rogers, but many people thought we wouldn't be searching for things from cell phones not too long ago. The technology is arriving and it's not too soon for marketers to start thinking about how it will change their businesses. If you don't believe that this technology is coming, just take a look at the Ford Sync. There are many reasons that car manufacturers will want to build connected cars, many reasons why consumers will want them, and every reason to expect that what we do on computers and on phones will begin to happen in our cars also. At first, it might seem the same as every other mobile marketing opportunity, and in some ways it is. You can do some of these things now with a GPS system.
Guide des animations SVG (SMIL) Armez-vous de courage, voi ch'entrate... Voici le fameux guide de Sara Soueidan, pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS. Par Sara Soueidan Introduction de Chris Coyier : Sara a le don de plonger au coeur des fonctionnalités du web et de nous les expliquer à nous autres, simples mortels. Note du traducteur épuisé : guide épique s’il en est, et qui peut paraître ardu, surtout dans ses premiers paragraphes. Généralités Les graphiques SVG peuvent être animés au moyen d’éléments d’animation. <animate> - qui vous permet d’animer des attributs et propriétés scalaires sur une période de temps donnée. En plus des éléments d’animation définis dans la spec SMIL, SVG inclut des extensions compatibles avec ladite spécification. <animateTransform> - vous permet d’animer l’un des attributs de transformation SVG dans le temps, comme l’attribut <transform>. Pourquoi utiliser les animations SVG? //SVG <rect id="cool_shape" ...
Vidéo : Référencement et accessibilité, des méthodes qui convergent Par Sébastien Billard, 3/02/2011 :: Accessibilité et standards :: #628 :: rss Les vidéos de Paris Web 2011 sont en ligne ! Ci-dessous la présentation que j'ai faite lors de cette édition sur le thème de la convergence entre SEO et accessibilité. Asseyez-vous confortablement, la vidéo dure près d'1h30 ;) [Atelier] Référencement et utilisabilité [...]envoyé par parisweb
Animer un SVG avec CSS Chris Coyier s'est amusé à créer une petite animation SVG en CSS, sans passer par des bibliothèques compliquées. C'est fait maison, simple, efficace et expliqué de façon claire comme toujours. Par Chris Coyier Il existe plusieurs façons d'animer une image svg, depuis la balise animate jusqu'aux bibliothèques comme Snap.svg ou SVG.js. Nous allons essayer autre chose ici, en utilisant SVG inline (c'est à dire le code SVG à l'intérieur de notre HTML) et en animant les parties de l'image avec CSS. Je me suis amusé avec ça dernièrement, Wufoo souhaitant rafraîchir le graphisme de ses pubs sur CSS-Tricks. La démo finale est ici. NdT : Pour une introduction générale à SVG, vous pouvez consulter l'excellent article de Chris Coyier Utiliser SVG. 1. Ça va ressembler à une leçon de dessin sommaire, mais notre objectif étant l'animation, nous allons passer sur le reste vite fait. Faire sauter les lettres dans la page. J'ai mis tout ça sur Illustrator : 2. 3. 4. 5. Fade in/out des mots 6. En anglais :
Référencement Google : les changements actuels (usines à contenu, plagiat, MayDay) Par Olivier Duffez, Lundi 31 janvier 2011 Suite à la pression issue des blogs et des forums, faisant état d'une dégradation de la qualité des résultats Google, le responsable de la lutte contre le spam Matt Cutts a publié un article dans blog officiel de Google. Il indique qu'après les changements d'algorithme de 2010 (MayDay), son équipe s'atèle à d'autres travaux visant à améliorer la pertinence des résultats. Il a clairement ciblé les sites de type "usine à contenu", les assimilant donc à des spammeurs. Est-ce simplement un effet d'annonce pour tenter de calmer les critiques ? Revenons un peu en arrière, avec quelques exemples de changements d'algo Google que j'ai relevés du printemps 2010 à janvier 2011... MayDay et long tail En 2010, Google a modifié 2 ou 3 fois son algorithme en ciblant spécialement les requêtes de type longue traîne. Vous trouverez mes explications sur ce changement dans mon article sur MayDay. Les fermes de contenus (usines à contenu) Exemples de fermes de contenus
Animation – SVG 1.1 (Second Edition) Contents 19.1 Introduction Because the Web is a dynamic medium, SVG supports the ability to change vector graphics over time. Using SVG's animation elements. 19.2 Animation elements 19.2.1 Overview SVG's animation elements were developed in collaboration with the W3C Synchronized Multimedia (SYMM) Working Group, developers of the Synchronized Multimedia Integration Language (SMIL) 3.0 Specification [SMIL]. The SYMM Working Group, in collaboration with the SVG Working Group, has authored the SMIL Animation specification [SMILANIM], which represents a general-purpose XML animation feature set. For an introduction to the approach and features available in any language that supports SMIL Animation, see SMIL Animation overview and SMIL Animation animation model ([SMILANIM], sections 2 and 3). 19.2.2 Relationship to SMIL Animation SVG is a host language in terms of SMIL Animation and therefore introduces additional constraints and features as permitted by that specification. <? xlink:href = "<iri>"
Is SEO Immoral? Inquiring Quorites want to know: Is SEO immoral? We search for relevance via the search engine. By learning and manipulating the system to accomplish its goal, SEO makes it more likely that you will come upon a target that is irrelevant. Thereby, wasting the user's time and resources. Is this misleading and counter to the public welfare? Normally, I'd just leave a response on the Q+A site itself, but in this case, I felt the topic warranted some broader coverage. "By learning and manipulating the system to accomplish its goal, SEO makes it more likely that you will come upon a target that is irrelevant." This statement strikes me as fundamentally untrue. SEO is almost never applied to make non-relevant results rank for unrelated queries. Complaining about SEO in this fashion seems akin to complaining about demographic profiling in brand advertising. "It could be considered advertising in the form of a search result." "Is this misleading and counter to the public welfare?" p.s.