Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #s
RSS: #svg

#svg

  • #svgomg
  • #svgweb
  • #svg/png
  • #svgeezy
  • #svg_rwd
  • #svg_icone_html_clevermarks
  • #svg_use_symbol_gradient_displaynone
  • #svg_symbol_sprite_browser_compatibility_clevermarks
  • #svground
  • #svgénération
  • #svg-sanitizer
  • #svg-tranforms
0 | 25 | 50 | 75 | 100 | 125
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 20/07/2020
    3
    @jeanmarie
    @arno
    @tofulm
    3

    Building a pure CSS animated SVG spinner - Glenn McComb : front end developer and designer
    ▻https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner

    #loading #animation #svg

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 23/05/2020
    1
    @jeanmarie
    1

    Image Techniques On The Web
    ▻https://ishadeed.com/article/image-techniques

    Manipulations avancées pour la gestion des images dans les pages web :
    – balises <img> et <picture>,
    – attributs HTML height, width, alt et srcset
    – propriétés CSS object-fit et object-position (dément !),
    – embed de balise <img> dans une balise <svg> pour pouvoir jouer avec la propriété CSS preserveAspectRatio, lui associer un <title> et une <desc>
    – intégration d’images SVG et utilisation de balises mask
    – exemples d’utilisation d’un div avec border pour emballer une image et la faire ressortir si ton sur ton

    #image #web_dev #css #svg #img #picture

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @olange
    Olivier Lange @olange CC BY-SA 20/03/2020

    « Recreating The Arduino Pushbutton Using SVG And ‹lit-element› » by Uri Shaked, 20.01.2020
    ▻https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg

    #webComponents #svg #html #usability #accessibility #aria #article

    Cet article est truffé d’astuces et il adresse richement l’utilisation de lit-html et lit-element pour créer un composant SVG, bien fichu et accessible qui plus est.

    Pardonnez-moi, oui, je m’intéresse parfois à ces extremum de technicalité (si vous me passez encore ce néo-anglicisme de mon cru) et arcanes du web. J’adore les technologies du web en fait, suis accro.

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire

  • @severo
    severo @severo PUBLIC DOMAIN 3/02/2020

    ▻https://layercake.graphics

    Layer Cake is a graphics framework built on top of Svelte. It measures your target div and your data and creates scales that stay synced on layout changes. Use these scales to organize multiple, mostly-reusable Svelte components, whether they be SVG, HTML, Canvas or WebGL. Since they all share the same coordinate space, you can build your graphic one layer at a time.

    #svelte #svg #canvas #webgl

    severo @severo PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 2/08/2019
    9
    @spip
    @tofulm
    @b_b
    @jeanmarie
    @fil
    @baroug
    @7h36
    @rastapopoulos
    @touti
    9

    Révision 116199 – SPIP-ZONE
    ▻https://zone.spip.net/trac/spip-zone/changeset/116199/spip-zone

    Documentation provisoire du plugin SPIP « filtres_images_vectorise » qui propose 3 types de filtres de vectorisation d’images bitmaps en SVG.
    Utilise soit la lib GeometrizePHP soit la lib PotRace soit une combinaison des 2.
    Voir aussi :
    – ▻https://github.com/Cerdic/geometrize-php pour GeometrizePHP
    – ►https://github.com/Otamay/potracio (+ ►https://seenthis.net/messages/645575) pour PotRace

    Ca va dépoter les SVG dans SPIP :-) !

    #SVG #vectoriser #PHP #SPIP #filtres_images_vectorise #plugin

    cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/08/2019

      C’est beau :)

      <BOUCLE_docs(DOCUMENTS){id_document IN 8,9}>
      [(#FICHIER|image_reduire{#GET{taille}})]
      [(#FICHIER|image_reduire{#GET{taille}}|image_geometrize)]
      [(#FICHIER|image_reduire{#GET{taille}}|image_potrace)]
      [(#FICHIER|image_reduire{#GET{taille}}|image_geopotrize)]
      <hr/>
      </BOUCLE_docs>

      http://vrac.kupaia.fr/vectooor.png?1

      Par contre on dirait qu’il y a un petit glitch avec image_geopotrize par défaut.

      PS : le glitch est corrigé et c’est encore plus beau :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 18/07/2019
    7
    @spip
    @arno
    @kent1
    @jeanmarie
    @cy_altern
    @7h36
    @tofulm
    7

    [spip-dev] Les #SVG sont des images comme les autres

    Hello,

    On est en 2019, la version trunk de SPIP supporte maintenant totalement les SVG
    comme des images.
    ▻https://caniuse.com/#feat=svg-img

    Cela veut dire :

    • qu’on peut les uploader comme des images dans les documents joints
    • qu’on peut les uploader comme logo d’objet
    • que les aperçus de SVG s’affichent bien partout dans l’espace privé
    • que les filtres |image_xxx utilisés partout dans les squelettes pourront
    s’appliquer dessus sans rien casser
    • soit en appliquant la même transformation que pour un bitmap si le filtre
    |image_xx supporte expressément les SVG
    • soit en ne faisant rien si le filtre n’a pas été modifié pour supporter
    les SVG

    Le support des filtres images devrait permettre d’utiliser des images SVG
    directement, sans aucune modification des squelettes ni de code, sauf peut être dans certain cas de filtres images perso un peu velus qui modifient notamment les dimensions de l’image

    ▻https://www.mail-archive.com/spip-dev@rezo.net/msg67228.html

    #spip_blog

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 4/07/2019
    1
    @tofulm
    1

    encharm/Font-Awesome-SVG-PNG: Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator
    ►https://github.com/encharm/Font-Awesome-SVG-PNG

    Les icônes de Font Awesome 4 en fichiers individuels SVG et PNG + un fichier de sprite SVG + un générateur en node.js pour créer des combinaisons taille + couleur personnalisées: exemple pour générer un set rouge en 128 et 256px:

    font-awesome-svg-png --color red --sizes 128,256

    #font_awesome #svg #icône

    cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 9/07/2019

      Ici aussi ▻https://seenthis.net/messages/558374 :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 20/06/2019
    1
    @spip
    1

    Support des images SVG : |balise_img ne cherche pas a calculer une wi… · spip/SPIP 46d394b
    ▻https://github.com/spip/SPIP/commit/46d394be6a8d076b530d2a7a71ed6adfc619188f

    |balise_svg permet d’inserer le SVG inline avec ou sans alt

    #SVG #SPIP

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 11/06/2019

    Si vous cherchez des illustrations sous licence libre pour les thèmes du travail de bureau, de la gestion de projets, du Web, et autres trucs modernes, j’aime bien le concept de ce site :

    ▻https://undraw.co

    Plein d’images : ▻https://undraw.co/illustrations

    Un moteur de recherche : ▻https://undraw.co/search

    https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/quitting_time_dm8t.svg

    #illustrations #graphisme #SVG

    Stéphane Bortzmeyer @stephane CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 23/05/2019

    jkphl/gulp-svg-sprite : SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours
    ►https://github.com/jkphl/gulp-svg-sprite

    Un script Gulp pour faire les sprites SVG. La doc est un peu éparpillée :
    La doc générale de l’outil node.js qui fait les sprite : ►https://github.com/jkphl/svg-sprite
    La doc spécifique Gulp : ►https://github.com/jkphl/gulp-svg-sprite

    Utilise SVGO : SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files, cf ▻https://github.com/svg/svgo
    La doc pour configurer les options de SVGO avec le script de sprite : ▻https://github.com/jkphl/svg-sprite/blob/master/docs/configuration.md#svg-transformations

    #SVG #gulp #sprite #SVGO #optimisation

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 7/05/2019
    1
    @spip
    1

    Révision 115264 – SPIP-ZONE
    ▻https://zone.spip.net/trac/spip-zone/changeset/115264/spip-zone

    La doc de la balise #ICON du plugin z-core de SPIP : permet d’utiliser des sprites SVG inclus « inline » dans la page aussi bien qu’externes
    merci cedric !

    #SVG #SPIP ##ICON #sprite #z-core

    • #ICON
    cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 7/05/2019

      En lien avec ▻https://seenthis.net/messages/773610 ;)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 4/05/2019
    6
    @jeanmarie
    @rastapopoulos
    @mukt
    @monolecte
    @gastlag
    @tofulm
    6

    Using SVG | CSS-Tricks
    ►https://css-tricks.com/using-svg

    Synthèse complète de toutes les méthodes pour intégrer du SVG dans une page web

    #SVG #CSS #web_dev

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/05/2019

      #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    • @tofulm
      tofulm @tofulm 4/05/2019

      en complément :
      ▻https://la-cascade.io/tag/svg

      tofulm @tofulm
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 15/04/2019
    5
    @b_b
    @tofulm
    @rastapopoulos
    @arno
    @jeanmarie
    5

    Remix Icon - Open source icon library
    ▻https://remixicon.com

    Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 1400+ icons are all elaborately crafted so that they are born with the gene of readability, consistency and perfect pixels. Each icon was designed in “Outlined” and “Filled” styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use.

    Jeu d’icônes pour le développement web.
    Présente le gros avantage de pouvoir être utilisé comme une webfont (à la fontawesome/glyphicon) ou en tant qu’images SVG individuelle mais aussi sous forme de sprite SVG.
    La documentation : ▻https://github.com/Remix-Design/remixicon#usage

    #icone #svg #sprite #fontawesome #glyphicon #web_dev #remixicon

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 10/04/2019
    4
    @spip
    @tofulm
    @cy_altern
    @jeanmarie
    4

    Integration d’un systeme d’icone lightweight (sprite SVG) et accessible (texte alternatif aria possible) base sur ▻https://danklammer.com/bytesize-icons
    #ICON{search,icon-lg,Rechercher}

    Le jeu d’icone est personalisable, il suffit
    define('_ICON_SPRITE_SVG_FILE', 'chemin vers le sprite svg');
    et de definir sa fonction filtre_icone_ancre_from_name($name){} pour faire correspondre les ancres dans le sprite avec les petits noms d’icone (quitte a renommer/etendre)

    + une feuille de style icons.css qu’il peut etre utile de personaliser si on change le jeu d’icone

    (BootStrap ayant change puis abandonne la famille d’icones fournie par defaut, on trace donc notre route)

    ▻https://zone.spip.net/trac/spip-zone/changeset/114892

    #spip #zcore topito :)

    • #ICON
    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 11/04/2019

      Et en SCSS ? :p

      RastaPopoulos @rastapopoulos CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 11/04/2019

      #icone #svg #fontawesome #glyphicon

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 18/10/2018
    3
    @tofulm
    @jeanmarie
    @gastlag
    3

    Comprendre SVG viewBox et viewport
    ▻https://la-cascade.io/comprendre-svg-viewbox-et-viewport

    Un des casse-tête de l’affichage « inline » du SVG : gérer la taille d’affichage pour ne pas le tronquer.
    Une affaire d’attributs viewport , viewBox et preserveAspectRatio
    Voir aussi :
    ▻https://la-cascade.io/comprendre-svg-viewbox
    ▻https://la-cascade.io/comprendre-svg-preserveaspectratio

    #svg #viewport #viewBox #preserveAspectRatio #ratio #affichage

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 18/10/2018

      Marrant, on s’est cassé la tête la dessus pas plus tard que la semaine dernière, mais c’était pour que ça soit responsive et que ça se retaille comme il faut.

      L’erreur la plus conne qui a bouffé le plus de temps, c’est qu’il faut UN B MAJUSCULE BORDEL à viewBox, sinon ça ne marche pas comme il faut. :D

      RastaPopoulos @rastapopoulos CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 23/10/2018

      c’était pour que ça soit responsive et que ça se retaille comme il faut.

      hé hé ! exactement le même problème... Je suis preneur d’une solution qui permettrait d’avoir un affichage responsive « automagiquement » en pur CSS (sans avoir à donner une taille « en dur » à viewport/viewBox)...

      cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/10/2018

      C’est pas possible, mais la vaille de la viewBox c’est juste une taille qui sert à donner un ratio, une proportion, ça veut pas dire que ça sera cette taille là. Une fois que tu as définis cette proportion, bah en CSS là tu donnes la taille que tu veux, et avec un max-width:100% et un height:auto comme sur les images, bah hop ça te fait un truc responsive. Faut juste pas oublier le B majuscule…

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 14/08/2018
    2
    @spip
    @suske
    2

    Spip et SVG
    ▻https://contrib.spip.net/Spip-et-SVG

    La page du carnet de SPIP-contrib pour tout ce qui touche à l’intégration de SVG en SPIP

    #SVG #référence #SPIP #carnet_contrib

    cy_altern @cy_altern CC BY-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 14/08/2018

      #spip_blog ?

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 15/08/2018
      @jeanmarie

      @jeanmarie ouep :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 14/08/2018
    2
    @kent1
    @spip
    2

    GitHub - darylldoyle/svg-sanitizer : A PHP SVG/XML Sanitizer
    ►https://github.com/darylldoyle/svg-sanitizer

    Librairie PHP pour sécuriser les SVG

    #SVG #svg-sanitizer #SPIP #safe-html #sanitize

    cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 14/08/2018
      @cy_altern

      Référencé ici aussi ▻https://seenthis.net/messages/621498 par un certain @cy_altern ^^

      b_b @b_b PUBLIC DOMAIN
    • @kent1
      kent1 @kent1 ART LIBRE 14/08/2018

      hihi

      kent1 @kent1 ART LIBRE
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 14/08/2018

      ah m*** ! j’ai vraiment un problème avec les doublons dans Seenthis...

      cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 14/08/2018

      Deux conseils :

      – toujours vérifier la présence de la tite flèche à côté des liens (sous le message) avant de poster
      – utiliser la formidable extension seenthis pour Firefox qui te permet de fouiller rapidement dans tes posts

      Et hop :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 9/08/2018

    GitHub - maphew/svg-explorer-extension

    Utilitaire pour ajouter la visualisation des SVG dans l’explorateur Windows (on se demande bien pourquoi cet OS ne le fait pas par défaut ?)

    #SVG #windows #explorateur #visualisation

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 25/05/2018
    1
    @tofulm
    1

    Introduction – SVG 1.1 (Second Edition)
    ▻https://www.w3.org/TR/SVG/intro.html#MIMEType

    mime-type pour les SVG et autres spécifications
    et un outil pour tester l’en-tête envoyé par un serveur : ▻http://planetsvg.com/tools/mime.php

    #svg #spécification #mime-type

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 13/04/2018
    1
    @kent1
    1

    The Different Ways of Getting SVG Out of Adobe Illustrator | CSS-Tricks
    ▻https://css-tricks.com/illustrator-to-svg

    Pour tous les infographistes qui tentent de sortir du SVG pour le web avec Illustrator et te refilent des trucs abominablement inadaptés...

    #SVG #optimisation #illustrator #infographie

    • #Adobe
    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 18/01/2018

    Browser support for SVG symbol sprites
    ▻https://fvsch.com/code/svg-icons/symbol-sprite
    #SVG_symbol_sprite_browser_compatibility_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @gastlag
    Gastlag @gastlag CC BY-SA 26/11/2017
    1
    @nhoizey
    1

    Super Tiny Website Logos in SVG
    ▻https://shkspr.mobi/blog/2017/11/super-tiny-website-logos-in-svg
    ▻https://github.com/edent/SuperTinyIcons

    You may not realise it, but #bandwidth is expensive. It costs you time, money, and battery power whenever you download a file larger than it needs to be.

    That’s why I’ve become a little bit obsessed with #SVG - Scalable Vector Graphics. They’re the closest thing to magic that the web has when it comes to image compression. Let me show you what I mean.

    This is the standard Twitter #Logo. It’s 512 * 512 pixels and, even with hefty #PNG compression, weighs in at around 20KB.

    Here’s the same logo rendered as an SVG. Because it is a vector graphic it can be magnified infinitely without any loss of fidelity.

    The uncompressed SVG is a mere 397 Bytes. Not a #typo. You could fit over 3,000 of these images on a floppy disk.

    That’s why I have released SuperTinyIcons on GitHub. Eighty of the web’s most popular logos - each image is under 1KB.

    Gastlag @gastlag CC BY-SA
    Écrire un commentaire

  • @tofulm
    tofulm @tofulm 22/11/2017

    Optimiser les images et réduire leur poids : formats, outils et RWD

    ▻https://blog.dareboost.com/fr/2017/10/optimiser-les-images-et-reduire-leur-poids-formats-outils-et-rwd

    Au moment de l’enregistrement en JPEG, la plupart des logiciels demandent quelle qualité conserver, car il s’agit d’un format d’encodage avec pertes. En choisissant une qualité inférieure à 100%, il est ainsi possible d’économiser de précieux octets en modifiant uniquement certains points de l’image. Essayons avec notre image, en qualité 80%. Le résultat est très intéressant avec un gain de poids de plus de 50%, alors que seuls quelques points de l’image ont été modifiés en profondeur.

    #images #jpg #svg #png #webP

    tofulm @tofulm
    Écrire un commentaire

  • @0gust1
    0gust1 @0gust1 CC BY-NC 17/11/2017
    11
    @cy_altern
    @sandburg
    @fil
    @lluc
    @touti
    @7h36
    @ari
    @fredlm
    @yohooo
    @rastapopoulos
    @tofulm
    11

    ▻https://jmperezperez.com/svg-placeholders

    Un inventaire des techniques utilisant #SVG pour rendre le chargement différé d’images plus satisfaisant perceptuellement.

    Avec liens vers divers outils pour pré-traiter les images.

    Très sympa !

    https://res.cloudinary.com/jmperez/image/upload/w_auto,f_auto,c_scale/v1509278557/jmperez-composition-primitive_j8zyfn.jpg

    ▻https://res.cloudinary.com/jmperez/video/upload/dpr_auto,f_auto,q_auto,c_scale/v1509278615/silhouette-lazy-loading_evq9xq.mp4

    0gust1 @0gust1 CC BY-NC
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 18/11/2017

      #placeholder #chargement #potrace

      cy_altern @cy_altern CC BY-SA
    • @fil
      Fil @fil 19/11/2017

      idée pour #SPIP ? (il y a un #potrace en #PHP)

      Fil @fil
    • @sandburg
      Sandburg @sandburg CC BY-SA 19/11/2017
      @tetue

      @tetue Par quoi remplacer une image durant son chargement.

      Sandburg @sandburg CC BY-SA
    • @tetue
      tetue @tetue CC BY 19/11/2017

      Question bête : quel est l’intérêt ?

      tetue @tetue CC BY
    • @0gust1
      0gust1 @0gust1 CC BY-NC 19/11/2017

      Augmenter la pertinence du parcours visuel rapide par l’internaute d’une page web en cours de chargement ?

      Et sur le plan esthétique, ça peut parfois être assez réussi, je trouve.

      0gust1 @0gust1 CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 21/11/2017

      Potrace en PHP :
      ▻https://github.com/nystudio107/craft3-imageoptimize/blob/master/src/lib/Potracio.php

      (et je découvre Craft CMS du coup qui a pas l’air mal du tout)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 24/11/2017

      En fait le dépôt avec la lib à jour pour PHP, pas dans craft :
      ►https://github.com/Otamay/potracio

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @arno
    ARNO* @arno ART LIBRE 15/11/2017
    10
    @monolecte
    @b_b
    @rastapopoulos
    @tofulm
    @mukt
    @7h36
    @alexcorp
    @nicod_
    @cy_altern
    @davduf
    10

    70 CSS text effects
    ▻http://freefrontend.com/css-text-effects

    Collection of HTML and CSS text effects with little JavaScript: 3D, animated, glitch, hover, shadow, rotating and typing. Demo and download code (*zip).

    Pas testé (à cette heure, j’ai codepen.io qui ne charge pas les pages).

    #html #css #typographie #javascript #svg

    ARNO* @arno ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/11/2017

      #graphisme #intégration #animation

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nicod_
      nicod_ @nicod_ 17/11/2017

      Cool, pour faire comme dans Word.

      #WordArt

      nicod_ @nicod_
    Écrire un commentaire

0 | 25 | 50 | 75 | 100 | 125

Thèmes liés

  • #svg
  • #animation
  • #css
  • #spip
  • #javascript
  • #icone
  • #optimisation
  • #html
  • #clevermarks
  • #intégration
  • #smil
  • #cartographie
  • technology: animation
  • #sprite
  • #css
  • #image
  • technology: smil
  • #web
  • #d3.js
  • #gulp
  • #logiciel_libre
  • #tutoriel
  • #viewport
  • #png
  • company: github
  • technology: html
  • #php
  • #typographie
  • #javascript
  • #visualisation
  • #graphisme
  • #html
  • #map
  • #design
  • #web_dev
  • #png
  • #images
  • #jpg
  • #outil
  • #inkscape