#s

#svg

#svgweb
#svground

0 | 25

b_b @b_b 17/06/2013 17:45

1

1

t0k4rt/phpqrcode · GitHub
https://github.com/t0k4rt/phpqrcode
This is #php implementation of QR Code 2-D barcode generator. It is pure-php LGPL-licensed implementation based on C libqrencode by Kentaro Fukuchi.
#qrcode #svg #eps
- #Kentaro Fukuchi
- #GNU Lesser General Public License
- #GNU
- #PHP
b_b @b_b
- RastaPopoulos @rastapopoulos CC BY-NC 17/06/2013 18:26
  
  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
  
  #C library
  
  #PHP
  
  #PHP
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
0gust1 @0gust1 CC BY-NC 28/05/2013 13:35

SVG.JS - A lightweight library for manipulating and animating #SVG.
►http://svgjs.com
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.
#javascript

0gust1 @0gust1 CC BY-NC
- James @james PUBLIC DOMAIN 28/05/2013 13:39
  
  @speciale le signalait ici http://seenthis.net/messages/115463 je t’invite à le suivre ;)
  
  James @james PUBLIC DOMAIN
- 0gust1 @0gust1 CC BY-NC 28/05/2013 23:03
  
  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.
  
  0gust1 @0gust1 CC BY-NC
Écrire un commentaire
Fıl ☼ @fil 2/05/2013 09:21

1

1

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.

Fıl ☼ @fil

Écrire un commentaire
speciale @speciale 22/02/2013 11:27

3

3

A Primer to Front-end SVG Hacking – David Bushell – Web Design & Front-end Development
http://dbushell.com/2013/02/04/a-primer-to-front-end-svg-hacking
Using SVG (Scalable Vector Graphics) on websites is a lot safer than many front-end developers think.
http://simurai.com/post/20251013889/svg-stacks
SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.
https://github.com/svg/svgo
#SVG
- #Vector Graphics
- #http
speciale @speciale
Écrire un commentaire
Fıl ☼ @fil 14/02/2013 10:45

3

3

rel="logo"
http://relogo.org
<link rel="logo"
type="image/svg"
href="http://yourdomain.com/logo.svg"/>
un truc à ajouter en plus du #favicon ?
- #API
Fıl ☼ @fil
- robin @robin CC BY 14/02/2013 11:04
  
  J’ai des doutes sur la viabilité à long terme de cette proposition — mais sait-on jamais ?
  
  robin @robin CC BY
- speciale @speciale 14/02/2013 13:30
  
  Yes.Tu veux dire sur #seenthis ou sur #SPIP directe ?
  
  speciale @speciale
- Fıl ☼ @fil 14/02/2013 13:33
  
  … sur les sites en général
  
  Fıl ☼ @fil
- speciale @speciale 14/02/2013 14:25
  
  Mais avec #SPIP on ne peux pas mettre un #SVG comme logo du site, non ? Non. Encore une fois je n’avais rien pigé ‡[
  
  speciale @speciale
Écrire un commentaire
popfun @popfun PUBLIC DOMAIN 11/02/2013 12:39

3

3

Une fois n’est ni us ni coutumes, voici un excellent site de design web en anglais : http://www.greepit.com
#design #css #html #vector #psd #svg #ajax #frameworks #tools #icones #html5 #fonts #textures #colors

popfun @popfun PUBLIC DOMAIN

Écrire un commentaire
cy_altern @cy_altern CC BY 11/02/2013 11:11

6

6

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
#carte #cartographie #javascript #web-based #outil
- #API
cy_altern @cy_altern CC BY
- James @james PUBLIC DOMAIN 11/02/2013 11:21
  
  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.
  
  James @james PUBLIC DOMAIN
- vlentz @vlentz CC BY-SA 16/05/2013 12:13
  
  #jquery #svg
  
  vlentz @vlentz CC BY-SA
Écrire un commentaire
popfun @popfun PUBLIC DOMAIN 9/02/2013 20:40

La base de données en Javascript, c’est ►http://www.taffydb.com
Combiné à http://www.dotuscomus.com/pergola ça peut le faire, non ?

popfun @popfun PUBLIC DOMAIN
- James @james PUBLIC DOMAIN 10/02/2013 11:10
  
  #javascript #svg #json #données
  
  James @james PUBLIC DOMAIN
Écrire un commentaire
popfun @popfun PUBLIC DOMAIN 9/02/2013 18:05

3

3

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.

popfun @popfun PUBLIC DOMAIN

Écrire un commentaire
Fıl ☼ @fil 11/09/2012 20:48

2

2

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
#convertisseur #images

Fıl ☼ @fil
- Stéphane Bortzmeyer @stephane CC BY-SA 14/09/2012 15:09
  
  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
  
  Stéphane Bortzmeyer @stephane CC BY-SA
- Fıl ☼ @fil 25/01/2013 18:13
  
  je me suis fait un petit webservice pour faciliter l’intégration de ce convertisseur à #seenthis :
  https://gist.github.com/4636174
  <?php
  
  ## Service Web de conversion d'un SVG (passéen URL) en png
  ## ?url=http://......./svg2png.php?url=(adresse du svg)
  ## renvoie le png converti
  ## TODO : gestion d'entete en cas d'erreur quelconque
  
  ## utilise : SPIP
  ## utilise : rsvg ou ImageMagick http://seenthis.net/messages/86415
  
  include 'ecrire/inc_version.php';
  
  include_spip('inc/distant');
  include_spip('base/abstract_sql');
  
  if ($u = _request('url')
  AND preg_match(',^https?://.*svg$,i', $u)
  AND $l = copie_locale($u)) {
  # rsvg
  `rsvg-convert $l -o $l.png`;
  # convert ?
  # `convert $l $l.png`;
  header('Content-Type: image/png');
  readfile("$l.png");
  @unlink($l);
  @unlink("$l.png");
  }
  
  Fıl ☼ @fil
Écrire un commentaire
liotier @liotier CC BY-SA 28/06/2012 13:01

3

3

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.
- #detached HEAD
liotier @liotier CC BY-SA
- Fıl ☼ @fil 28/06/2012 14:21
  
  hum…
  http://marklodato.github.com/visual-git-guide/rebase-onto.svg
  #git (ah tiens #seenthis_todo lire les #svg)
  
  Fıl ☼ @fil
- thor @thor CC BY-NC 29/06/2012 01:18
  
  Je confirme qu’un avatar (’Author’s picture’) en SVG n’est pas pris en compte. Sans feedback.
  
  thor @thor CC BY-NC
- Fıl ☼ @fil 25/01/2013 18:18
  
  sur l’avatar, ça ne marche pas encore, mais désormais #seenthis peut afficher les SVG dans les messages (enfin, certains svg… ceux qui peuvent être convertis par #rsvg).
  
  Fıl ☼ @fil
Écrire un commentaire
RastaPopoulos @rastapopoulos CC BY-NC 25/06/2012 10:16

3

3

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.
#webdesign

RastaPopoulos @rastapopoulos CC BY-NC
- 0gust1 @0gust1 CC BY-NC 25/06/2012 20:57
  
  (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).
  
  0gust1 @0gust1 CC BY-NC
Écrire un commentaire
b_b @b_b 23/06/2012 12:34

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.
#map #leaflet #d3 #geojson #svg
- #CloudMade
b_b @b_b
Écrire un commentaire
RastaPopoulos @rastapopoulos CC BY-NC 28/05/2012 15:23

1

1

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
- #HTML
- #simulation
RastaPopoulos @rastapopoulos CC BY-NC
- speciale @speciale 29/05/2012 11:57
  
  Aurora n’aime pas, alors là, pas du tout
  
  speciale @speciale
Écrire un commentaire
Stéphane Bortzmeyer @stephane CC BY-SA 16/05/2012 12:46

3

3

Bon article pour expliquer pourquoi le Web devrait davantage utiliser #SVG :
http://royal.pingdom.com/2012/05/15/web-designers-svg
Stéphane Bortzmeyer @stephane CC BY-SA
- bohwaz @bohwaz ART LIBRE 16/05/2012 20:30
  
  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 !
  
  bohwaz @bohwaz ART LIBRE
- RastaPopoulos @rastapopoulos CC BY-NC 16/05/2012 23:30
  
  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.
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
b_b @b_b 21/03/2012 11:31

10

10

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
b_b @b_b
- Fıl ☼ @fil 21/03/2012 11:39
  
  superbe, #cartographie
  http://kartograph.org/showcase/italia/screenshot.png
  
  Fıl ☼ @fil
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 27/01/2012 15:10

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.

Nicolas Hoizey @nhoizey CC BY-NC-SA
- ARNO* @arno ART LIBRE 27/01/2012 16:21
  
  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 :
  -spip-gradient : top, #f0f0f0, #bbbbbb ;
  ►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
  
  #Mozilla
  
  ARNO* @arno ART LIBRE
- Nicolas Hoizey @nhoizey CC BY-NC-SA 27/01/2012 16:31
  
  @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.
  
  Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 25/01/2012 10:15

SVGround : cours SVG
http://svground.free.fr
#SVGround est un site mettant à votre disposition des #cours sur #SVG (version 1.1) les plus complets possibles. L’objectif initial est de mettre en ligne des cours exhaustifs sur cette spécification. SVG est le langage de #dessin #vectoriel crée et promu par le W3C.
#tutoriel
- #XML
Nicolas Hoizey @nhoizey CC BY-NC-SA
- robin @robin CC BY 25/01/2012 14:44
  
  Ouhla, ça a l’air de pas mal dater... Rien que le document de base est complètement à coté des bonnes pratiques, et ça ne prend pas vraiment en compte le SVG d’aujourd’hui, intégré au HTML. Je ne commencerais pas par ça. (Sans parler des traductions françaises un peu douteuses, genre « chemin » pour path).
  
  robin @robin CC BY
- Nicolas Hoizey @nhoizey CC BY-NC-SA 25/01/2012 15:02
  
  @robin oui, j’ai vu ça en parcourant, en fait, il faut que je trouve une autre source plus pertinente pour apprendre.
  
  Nicolas Hoizey @nhoizey CC BY-NC-SA
- bohwaz @bohwaz ART LIBRE 29/01/2012 07:32
  
  Ah, parce qu’il y a un « SVG d’aujoud’hui » et un « SVG d’hier » ? Et moi qui pensait naïvement qu’il n’y avait que SVG tout court... Quand au rapport avec le HTML... SVG sert à bien plus de choses que « juste » ça.
  
  bohwaz @bohwaz ART LIBRE
- Nicolas Hoizey @nhoizey CC BY-NC-SA 30/01/2012 07:54
  
  @bohwaz le SVG est à peu près le même qu’hier, mais « aujourd’hui » il y a eu des changements dans HTML et surtout dans les navigateurs. Et ne t’inquiète pas, nous savons très bien que SVG n’est pas cantonné à HTML… ;-) /cc @robin
  
  Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire
BoOz @booz 5/12/2011 23:18

d3.js
►http://mbostock.github.com/d3
#svg #data
- #D3
- #HTML
- #DOM
BoOz @booz
Écrire un commentaire
BoOz @booz 5/12/2011 23:18

Protovis
http://mbostock.github.com/protovis
#svg #data #chart
- #Stanford Visualization Group
BoOz @booz
Écrire un commentaire
BoOz @booz 5/12/2011 23:16

Raphaël—JavaScript Library
http://raphaeljs.com
#svg #data
BoOz @booz
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 22/11/2011 12:46

ScaleRaphaël
http://www.shapevent.com/scaleraphael
#ScaleRaphaël is a small piece of #javascript code that will enable you to change the #size of your #Raphaël paper during runtime.
#SVG

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 16/11/2011 16:30

1

1

PERGOLA SVG LIBRARY
http://www.dotuscomus.com/pergola/index.html
#PERGOLA is a #JavaScript #SVG #framework with libraries for building web apps, user interfaces and mapping applications.
- #web apps
- #JavaScript
- #PERGOLA SVG LIBRARY
Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 8/11/2011 10:35

SVG Boilerplate — a kick-arse default to put the wow back into the web
http://svgboilerplate.com
#SVG #Boilerplate is a simple, straightforward, and functional #template to embed or inline SVG content (including in text/html) that works with browsers all the way down to #IE6.
It is built to be compatible with #HTML5_Boilerplate so that you can just paste the parts you want there if you want to — but it is also intended to be used standalone.
- #HTML
Nicolas Hoizey @nhoizey CC BY-NC-SA
Écrire un commentaire
juba @julien CC BY 1/11/2011 22:07

1

1

d3 tutorial
http://christopheviau.com/d3_tutorial
Data-Driven Documents, or #D3 for short, is a new visualization library to build visualizations in #SVG. But in my opinion, it’s also the best #javascript multipurpose SVG library when it comes to animation, interaction and above all for binding data to graphics. The community is very responsive, source code is very clean and the API is well written. There is not a lot of tutorials to learn D3 yet. But they are very good introductions and you can find plenty of examples packaged with the source code or hidden in forums. But if you know SVG, you already have a big head start. My goal was to write a simple introductory tutorial covering the main aspects of D3, with very trivial examples but with full length snippets for you to be up and running right now. So open your favorite editor, a decent browser and be ready to copy-paste.
- #SVG library
- #API
juba @julien CC BY
Écrire un commentaire

0 | 25