sK1 Project: PrintDesign, sK1, UniConvertor, LinCuttor
▻http://sk1project.org/modules.php?name=Products&product=uniconvertor&op=download
(Permalink)
sK1 Project: PrintDesign, sK1, UniConvertor, LinCuttor
▻http://sk1project.org/modules.php?name=Products&product=uniconvertor&op=download
(Permalink)
Écrire à l’imparfait du #SVG - Kozeries en dilettante
▻http://www.kozlika.org/kozeries/post/2014/01/11/Ecrire-a-l-imparfait-du-SVG?pub=1#pr
« Après avoir repoussé celles qui ne permettaient pas de manipuler le svg une fois inséré (en utilisant la balise ou en css via un background), celles qui auraient demandé d’insérer les données directement dans le html (svg inline) et celles qui sont trop hipster (et impliqueraient donc obligatoirement l’usage de javascript pour la compatibilité avec les vieux navigateurs), j’ai opté pour la robuste balise . Son utilisation est d’une simplicité biblique. » Tags : SVG #lien #technique #astuce #Web #image (...)
esviji, a free #html5 game inspired by #Puzzle_Bobble (a.k.a. #Bust-a-Move)
▻http://esviji.com
“A free HTML5 game inspired by Puzzle Bobble (a.k.a. Bust-a-Move), in which you have to destroy balls and gain points as long as you can!” Tags: #jeu html5 #SVG #JavaScript #web Puzzle Bobble Bust-a-Move #logiciel_libre #Firefox_OS
#SVG Editor & Optimiser
▻http://petercollingridge.appspot.com/svg-editor
Tags : SVG #webperf #image #optimisation #performance #javascript #CSS
Kartograph - getting started
▻http://vumaasha.github.io/codehook/kartograph/geomapping/2013/11/24/using-kartograph.html
Tutoriel sur l’utilisation de #kartograph.
#map #svg #shapefile #javascript
#prometteur Faut que je m’y mette, voilà un domaine que je connais pas du tout alors que chaque jour, on me demande de m’y précipiter !
#svgénération : galerie et générateur de #motif en SVG pour le background de vos sites
▻http://www.soon7.com/developpements/svgeneration-galerie-et-generateur-de-motif-en-svg-pour-le-background-de-vos-
SVG est un format facilement modifiable, qui peut être redimensionné sans perte, et qui fonctionne pour la plupart des navigateurs récents (Vadé Rétro Interet explorus), approximativement 85% de vos visiteurs. Pour bien le mettre en plus lisez bien ce qui est expliqué ici SVGeneration est un site vous permettant d’utiliser et d’éditer des motifs créés […]
Climate change : how hot will it get in my lifetime ? - interactive | Environment | theguardian.com
▻http://www.theguardian.com/environment/interactive/2013/sep/27/climate-change-how-hot-lifetime-interactive
une animation pour présenter les perspectives de réchauffement climatique
Avec interaction pour personnaliser « au cours de ma vie » (saisie de sa date de naissance)
A priori tout en SVG + javascript
#animation #climat #svg #javascript #interactif #température #réchauffement
#PNG vs #SVG for sprites - CodePen
▻http://codepen.io/adrianosmond/pen/LCogn
Grumpicon. A Web app for the Grunticon workflow.
▻http://www.grumpicon.com
The tool processes a set of #SVG files, generates #PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons. Visit the GitHub repo for the command line version or to learn more about how grunticon works
▻http://phpqrcode.sourceforge.net
▻http://sourceforge.net/projects/phpqrcode
Pfff arrêtez de tous mettre des liens vers Github (ou en tout cas de mettre que ce lien) quand les gens ont pourtant des vrais sites à eux. D’autant plus que github est apparemment une copie en plus pas du tout à jour, et non le dépôt principal de ce projet.
Bande de geeks. :D
SVG.JS - A lightweight library for manipulating and animating #SVG.
Svg.js has no dependencies and aims to be as small as possible. The base library is 4k gzipped, with all bells and whistles about 7k.
Svg.js is licensed under the terms of the MIT License.
@speciale le signalait ici ▻http://seenthis.net/messages/115463 je t’invite à le suivre ;)
Aaahh encore un seenthisnaute à suivre ! :) Je vais frôler le syndrôme de saturation cognitive ! Malgré une certaine hygiène informationnelle, je commence à avoir du mal à tenir la distance — trop de trucs intéressants.
Images #responsives via un container #SVG
▻http://estelle.github.io/clowncar/singlereques.html
Clown Car Technique (1 http request!)
The following has a data URI.
Et l’article de présentation sur smashing :
▻http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsi
jVectorMap
▻http://jvectormap.com
un ensemble de fonds de cartes sur lesquels il est possible d’afficher des données via une API en javascript
les fonds de carte sont en open-source
Many maps of the world, world regions, countries and cities are available for download from this site. All of them are made from the data in public domain or data licensed under the free licenses, so you can use them for any purpose without of charge.
Oui mais pas terrible je trouve, on va switcher sur leaflet + topojson je pense. Si il y a des courageux pour voir, tester l’appli mobile conseils aux voyageurs en la passant en mode offline
La base de données en Javascript, c’est ►http://www.taffydb.com
Combiné à ▻http://www.dotuscomus.com/pergola ça peut le faire, non ?
▻http://microjs.com : c’est un bon vieux site comme on les aime qui présente des librairies de codes en #javascript, des #frameworks, des #micro-formats, des #css, #json, #svg, et plein de trucs indispensables.
rsvg - Unix Command
►http://linux.about.com/library/cmd/blcmdl1_rsvg.htm
Turn #SVG files into raster images
# rsvg image.svg image.png
installation sur Debian :
# apt-get install librsvg2-bin
sur Mac OS X :
# port install imagemagick +rsvg
# rsvg-convert image.svg -o image.png
Pour mon blog où la grande majorité des (rares) images sont faites en SVG, j’utilise #Inkscape pour la conversion en ligne de commandes :
inkscape —export-png=monimage.png monimage.svg
je me suis fait un petit webservice pour faciliter l’intégration de ce convertisseur à #seenthis :
▻https://gist.github.com/4636174
A visual Git reference: ►http://marklodato.github.com/visual-git-guide/index-en.html - nice way to get those Git concepts to stick in your head better.
hum…
#git (ah tiens #seenthis_todo lire les #svg)
Je confirme qu’un avatar (’Author’s picture’) en SVG n’est pas pris en compte. Sans feedback.
Thousands of free Vector #icons and Icon #Webfonts for Interfaces and #Responsive web design | Awwwards
►http://www.awwwards.com/thousands-of-free-vector-icons-and-icon-webfonts-for-interfaces-and-respon
Un article listant plein d’#icônes et de #pictogrammes uniquement en format #vectoriel ou en webfonts, donc adaptables aux tailles qu’on veut, et librement utilisables.
Attention toutefois, l’article dit que c’est cool pour le « responsive web design » mais :
1) tous les navigateurs ne savent pas lire le #SVG si je ne m’abuse ?
2) les polices #pictos c’est MAL si ce n’est pas en correspondance avec des vrais caractères prévus, puisque si la police ne se charge pas et qu’on se retrouve avec une police par défaut, ça va afficher n’importe quoi à la place
Apparemment ya des outils pour composer sa propre webfont à partir de pictogrammes, mais je ne sais pas si on peut choisir sur quel caractère mapper chaque pictos : là oui ça pourrait être intéressant.
Je ne sais pas ce qu’en pense les spécialistes...
Bon, ça permet quand même d’avoir plein de pictogrammes pas mal sous la main, quitte à en tirer des PNG.
(edit : je viens de voir que mon lien est mentionné dans le tien... grml, sorry)
Apparemment ya des outils pour composer sa propre webfont à partir de pictogrammes, mais je ne sais pas si on peut choisir sur quel caractère mapper chaque pictos : là oui ça pourrait être intéressant.
Il y a ►http://fontello.com (avant ça s’appelait « fontomas »).
Ça permet de mapper sur du Unicode les icônes que l’on a choisi (en plus, l’appli semble mapper sur des trucs cohérents, par défaut, quand elle peut).
Je veux bien l’avis des spécialistes aussi :) (je ne dépasse pas le stade du noob enthousiaste en typographie).
D3 + Leaflet
►http://bost.ocks.org/mike/leaflet
This is a quick demonstration of using D3 to render GeoJSON shapes in conjunction with Leaflet. The implementation is straightforward, but Leaflet is regretfully missing documentation and examples for custom overlays, so hopefully this will help you get started.
arbor.js
►http://arborjs.org
Une librairie #javascript pour faire des #graphes avec #jquery. Ça peut dessiner en #canvas, en #SVG, ou en simple #HTML
Bon article pour expliquer pourquoi le Web devrait davantage utiliser #SVG :
On s’en fout grave des écrans de riches des iPad, mais par contre OUI faites du SVG pour vos liquid layout ! Stop les sites web coincés dans une pauvre colonne de XXX pixels au milieu de l’écran, et qu’on doit scroller horizontalement sur son netbook, vive le design responsive et liquid, bref du vrai design web quoi !
Responsive oui, car il faut s’adapter aux différents écrans, mais il n’y a absolument rien de bizarre à limiter à XXX pixels sur les écrans « classiques » (pour l’instant encore classiques) car ce n’est pas du tout souhaitable pour la lisibilité d’avoir des lignes 40km de long.
Kartograph – rethink mapping
►http://kartograph.org
Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.
Un script (en python ?) qui pemet d’afficher des cartes svg dans plein de projections différentes. Peut aussi être utilisé pour afficher des données sur des cartes. Merci @kent1 :)
#map #svg #projections
►http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
Use this demo to create SVG-based CSS #background-image #gradients. The #CSS markup works in browsers which support #SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.
Pfff, de la bidouille pour parvenir à afficher à partir de IE 9, c’est pas la joie…
Tu as essayé CSS imbriqués, qui te fabrique tout seul des fonds dégradés multi-navigateurs qui s’affichent même à partir de IE 6, avec une pseudo-syntaxe telle que :
►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
@arno je bosse sur du SVG, là, ce n’est pas pour des CSS destinées à du HTML. ;-)
Je connais ton plugin CSS Imbriquées, oui, mais on bosse avec LESS voire SASS/Compass chez nous.