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

 
  • #w
  • #we
  • #web
RSS: #web_dev

#web_dev

  • #web_development
  • #web_developpement
0 | 25 | 50
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/11/2023

    Choisir entre balance et pretty pour text-wrap - Alsacreations
    ▻https://www.alsacreations.com/astuce/lire/1920-Choisir-entre-balance-et-pretty-pour-text-wrap.html

    https://cdn.alsacreations.net/xmedia/doc/full/1700814878-text-wrap-book.jpg

    Gestion des retours lignes automatique en CSS : utiliser les valeurs balance et pretty pour la propriété text-wrap

    #CSS #text-wrap #pretty #balance #web_dev #présentation_texte #justifier #retour_ligne

    cy_altern @cy_altern CC BY-SA
    • @arno
      ARNO* @arno ART LIBRE 27/11/2023

      Il est déconseillé de l’utiliser pour les grands paragraphes car cela peut entraîner une perte de performance, le navigateur ayant besoin d’effectuer plus de calculs que d’habitude.

      En fait c’est plus net encore : text-wrap: balance ne s’applique que sur les paragraphes de six lignes maximum. Ce n’est pas conçu pour maquetter des paragraphes (sa logique même, graphiquement, ne correspond pas à des paragraphes de texte courant), mais des titres et intertitres.

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 24/06/2022
    4
    @rastapopoulos
    @cy_altern
    @tofulm
    @fil
    4

    dolthub/dolt: Dolt – It’s Git for Data
    ▻https://github.com/dolthub/dolt

    Dolt is a #SQL database that you can #fork, clone, branch, merge, push and pull just like a git repository. Connect to Dolt just like any MySQL database to run queries or update the data using SQL commands. Use the command line interface to import CSV files, commit your changes, push them to a remote, or merge your teammate’s changes.

    All the commands you know for #Git work exactly the same for Dolt. Git versions files, Dolt versions tables. It’s like Git and MySQL had a baby.

    b_b @b_b PUBLIC DOMAIN
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 24/06/2022

      Semble proposer à peu près tout le nécessaire pour remplacer MySQL/MariaDB :
      – un serveur
      – un client
      – une interface de gestion à la phpmyadmin
      ...mais avec la puissance de Git pour gérer des modifications collaboratives (fok, merge, checkout...)

      #dolt #mysql #mariadb #web_dev #git_pour_bdd

      cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 24/06/2022

      Après pour remplacer, faudra pas juste regarder les outils : faut voir comment ça tient la charge, en terme d’accès concurrents, de quantité de contenus, un site très visité, ou inversement beaucoup de modifs en même temps (beaucoup de rédacteurs/commentateurs, etc, toutes choses qui écrivent dans la base)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 25/06/2022

      installé sur macos avec brew, ça marche nickel

      Fil @fil
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 24/05/2022
    2
    @spip
    @tofulm
    2

    libphonenumber-for-php Demo
    ▻https://giggsey.com/libphonenumber/index.php

    La page de test/démo de libphonenumber-for-php

    Voir aussi :
    – la doc de l’API PhoneNumberUtil : ▻https://giggsey.github.io/libphonenumber-for-php/docs/PhoneNumberUtil.html
    – le repo git de la lib : ▻https://github.com/giggsey/libphonenumber-for-php
    – le plugin SPIP intégrant cette lib : ►https://contrib.spip.net/Plugin-libphonenumber
    – les codes téléphonique internationaux : ▻https://fr.wikipedia.org/wiki/Liste_des_indicatifs_t%C3%A9l%C3%A9phoniques_internationaux_par_indica

    #API #libphonenumber #SPIP #téléphone #démo #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 17/05/2022
    5
    @b_b
    @monolecte
    @rastapopoulos
    @tofulm
    @touti
    5

    Online font-face generator — Transfonter
    ▻https://transfonter.org

    Convertisseur de polices de caractères au format web WOFF/WOFF2 (mais aussi SVG, TTF et OTF) : supporte la génération de plusieurs polices en une passe + la création d’un seul fichier avec les variantes de graisse.
    Peut également générer la CSS associée, y compris avec les polices encodées en base64.

    Bonne alternative au classique ►https://www.fontsquirrel.com/tools/webfont-generator

    #police_caractères #font #convertisseur #woff #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 13/12/2021

    gulp-sass - npm
    ▻https://www.npmjs.com/package/gulp-sass

    Passage en version 5 de gulp-sass : modification de la syntaxe + migration du compilateur Sass de Node Sass à Dart Sass :

    To use gulp-sass, you must install both gulp-sass itself and a Sass compiler. gulp-sass supports both Dart Sass and Node Sass, but Node Sass is deprecated. We recommend that you use Dart Sass for new projects, and migrate Node Sass projects to Dart Sass when possible.

    Ce qui donne dans le gulpfile.js :

    var sass = require('gulp-sass')(require('sass'));

    #gulp #sass #web_dev #Dart_Sass #Node

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 22/10/2021

    Get Started - default (Workspace) - Visual Studio Code
    ▻https://vscode.dev

    Visual Code en version appli web
    (à priori, puisque c’est Micro$oft qui est « dessous », on peut supposer que les trackers qui font la différence entre VisualCode et VisualCodium sont intégrés dans cette version en ligne...)

    #web_dev #appli_web #Visualcodium

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 24/05/2021
    2
    @tofulm
    @jeanmarie
    2

    SCREEN SIZE MAP » Compare viewport sizes
    ▻https://screensizemap.com

    Comparateur de tailles d’écran avec filtrage par "popularité" : une aide pour déterminer les breakpoints

    #responsive #breakpoint #taille_écran #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 23/05/2021
    2
    @jeanmarie
    @tofulm
    2

    A Web Developer’s Browser | Responsively App
    ▻https://responsively.app

    Un logiciel (Windows / Linux /Mac) ou une extension pour navigateur (Firefox / Chrome / Edge) permettant de naviguer en affichant de façon synchrone les vues « responsive » de différentes tailles.
    Voir aussi :
    – le repo Github : ▻https://github.com/responsively-org/responsively-app
    – l’extension Firefox : ▻https://addons.mozilla.org/en-US/firefox/addon/responsively-helper

    #responsive #web_dev #à_tester

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 18/05/2021
    1
    @tofulm
    1

    Géolocalisation en HTML5 - Alsacreations
    ▻https://www.alsacreations.com/tuto/lire/926-geolocalisation-geolocation-html5.html

    Exemple de code pour récupérer les coordonnées GPS + altitude dans une appli web (JS + HTML5)

    #coordonnées #géolocalisation #web_dev #howto

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/04/2021
    7
    @rastapopoulos
    @vlentz
    @jeanmarie
    @monolecte
    @gblin
    @7h36
    @tofulm
    7

    Prefix free : Break free from CSS vendor prefix hell !
    ▻https://projects.verou.me/prefixfree/#

    Un script JS Open Source qui se charge de générer les préfixes navigateurs dans les CSS et les style inlines.
    Le repo Github : ▻https://github.com/LeaVerou/prefixfree
    (une alternative quand on ne peut pas avoir Gulp qui le fait en amont...)

    #CSS #préfixe_navigateur #javascript #web_dev

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/04/2021

      sachant que ça évite d’augmenter le CSS produit avec des lignes de préfixes (fichier plus léger bien sûr contrebalancé par le JS ajouté sauf que point suivant :), tout en marchant aussi pour les CSS que tu ne controles pas (plugins de ton CMS etc), et il ne se lance et ne travaille que sur les navs qui en ont besoin uniquement (les autres récents n’ont pas besoin de préfixes dans la CSS, et le JS ne fait rien pour eux)

      c’est possiblement bien de ne même pas les générer dans gulp du coup

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 22/02/2021
    1
    @tofulm
    1

    Introducing Ray : a debugging tool for pragmatic developers - Freek Van der Herten’s blog on PHP, Laravel and JavaScript
    ▻https://freek.dev/1868-introducing-ray-a-debugging-tool-for-pragmatic-developers

    Ray, a desktop app that vastly improves your debugging experience. Ray is a dedicated window to send dumped values to. It has a lot of features that help you find and fix bugs faster.

    Outil de débogage (payant par licence annuelle) à mi-chemin entre Xdebug et les var_dump() basiques. Logiciel disponible sous Linux/MacOS/Windows.
    Le site officiel : ▻https://myray.app
    La documentation : ▻https://spatie.be/docs/ray/v1/introduction
    Le package PHP pour envoyer les debug au logiciel : ▻https://github.com/spatie/ray

    #débogage #ray #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 14/02/2021
    3
    @tofulm
    @rastapopoulos
    @monolecte
    3

    Quant-UX - Prototype, Test and Learn - 3.0.60
    ▻https://quant-ux.com/#

    Quant UX is a free research, usability & UI prototyping/wireframing tool to quickly test your design and analyse interactive prototypes. Our visual analysis makes it easy for you to find and quickly fix pain points in your UI design.

    Un outil open-source de maquettage avec possibilités d’interactions utilisateurs et d’analyses de celles-ci

    Le repo Github : ▻https://github.com/KlausSchaefers/quant-ux

    #prototype #maquette #web_dev #outil_web #conception #ergonomie #UX #interface #adobe_XD

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/02/2021

      Beaucoup plus gros que Penpot signalé dernièrement : ►https://seenthis.net/messages/900030
      Mais moins tourné vers le travail d’équipe je crois, par contre ça permet de vraiment faire des tests utilisateurices « pro », avec des conditions, des tests à valider, des stats, des heatmaps, etc.

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 3/02/2021
    8
    @jeanmarie
    @rastapopoulos
    @arno
    @marcimat
    @gblin
    @7h36
    @alexcorp
    @monolecte
    8

    Penpot - Design Freedom for Teams
    ►https://penpot.app

    Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG).

    (= un remplaçant d’Adobe XD open-source)

    Le repo Github : ▻https://github.com/penpot/penpot (comprend aussi un docker pour installation serveur)

    #penpot #adobe_XD #prototype #maquette #web_dev #outil_web

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2021

      #web #conception #ergonomie #UX #interface

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 12/01/2021
    1
    @b_b
    1

    TabFS
    ▻https://omar.website/tabfs

    TabFS is a browser extension that mounts your browser tabs as a filesystem on your computer.
    [...]
    Each of your open tabs is mapped to a folder.
    The files inside a tab’s folder directly reflect (and can control) the state of that tab in your browser.
    Example: the url.txt, text.txt, and title.txt files inside a tab’s folder, which tell me those live properties for that tab

    This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files — terminal commands, scripting languages, point-and-click explorers, etc — and use them to control and communicate with your browser.

    Now you don’t need to code up a browser extension from scratch every time you want to do anything. You can write a script that talks to your browser in, like, a melange of Python and bash, and you can save it as a single ordinary file that you can run whenever, and it’s no different from scripting any other part of your computer.

    #tabfs #extension #navigateur #scripts #web_dev

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/01/2021

      lol c’est assez rigolo, il faut voir des vraies utilisations concrètes utiles ensuite, mais c’est rigolo en tout cas :)
      (et ce que ça fait quand on a des centaines d’onglets, dans des conteneurs différents)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/09/2020

    Fork Awesome, a fork of the iconic font and CSS toolkit
    ▻https://forkaweso.me/Fork-Awesome

    Un fork de FontAwesome (équivalent FA v4 ?) en licence open source :

    Fork Awesome is fully open source and is GPL friendly. You can use it for commercial projects, open source projects, or really just about whatever you want.

    Syntaxe des classes strictement identique : <i class="fa fa-camera-retro"></i>

    #font_awesome #fork_awesome #web_dev #police #picto #icone

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 23/05/2020
    2
    @jeanmarie
    @aurelie
    2

    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
    • @aurelie
      Aurélie @aurelie 11/07/2021

      Pour les #svg, dernièrement, sous Angular Material, j’ai utilisé angular-svg-icon pour pouvoir facilement styler les SVG, sans que leur code « pollue » le dev.

      Concrètement, lorsqu’on inspecte dans le navigateur, le code du SVG s’affiche. Donc on peut aller faire ce qu’on veut sur les parh & co 😁

      J’avais utilisé un outil un peu similaire, il y a quelques années sur un projet en JS, donc on peut aussi trouver pour d’autres choses qu’Angular 😉
      #angular #css
      ▻https://www.npmjs.com/package/angular-svg-icon

      Aurélie @aurelie
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 20/05/2020
    8
    @biggrizzly
    @rastapopoulos
    @monolecte
    @bouts
    @tofulm
    @7h36
    @alexcorp
    @jeanmarie
    8

    Quels sont les coûts liés à l’utilisation de frameworks JavaScript pour le développement Web ? Une analyse des sites utilisant React, Vue.js ou Angular
    ▻https://javascript.developpez.com/actu/303519/Quels-sont-les-couts-lies-a-l-utilisation-de-frameworks-JavaS

    S’invitant dans le débat, Tim Kadlec, un développeur qui aide les organisations à améliorer les performances de leurs sites, estime pour sa part qu’il n’y a « pas de moyen plus rapide de ralentir un site que d’utiliser un tas de JavaScript », et c’est justement ce que font les frameworks JavaScript : utilisez beaucoup plus de JavaScript. Mais « le truc avec JavaScript », poursuit-il, « c’est que vous finissez par payer une taxe sur les performances pas moins de quatre fois », dit-il. Les quatre taxes auxquelles il fait allusion sont :
    – le coût de téléchargement du fichier sur le réseau ;
    – le coût de l’analyse et de la compilation du fichier non compressé une fois téléchargé ;
    – le coût d’exécution du JavaScript ; et
    – le coût de la mémoire.

    Avec des graphes comparatifs de divers paramètres tels que « Quantité de JavaScript servi », « Temps de traitement CPU »

    Pour illustration de cette lenteur et du peu d’importance donnée à l’UX par les développeurs, voir par exemple le backoffice de #Mailjet ou #Gandi_v5 qui sont des modèles de lenteur totalement désespérant et rebutant pour l’utilisateur... (en plus d’un manque d’ergonomie flagrant sur toutes les fonctionnalités un peu avancées)

    Et conséquence non évoquée ici, le coût écologique lié à l’utilisation de ces framework doit être non négligeable...

    L’article original (En) : ▻https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks

    #lenteur #framework_javascript #web_dev #fail

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/05/2020

      Un commentaire précise qu’il faut quand même pas juste prendre en compte le premier chargement, ça n’a pas de sens, car pour là où c’est utilisé, c’est généralement pour des choses qu’on utilise plusieurs fois, où on a un compte, etc. Donc une fois le premier chargement, une grosse partie est déjà en mémoire du navigateur, que ce soit le JS et la plupart des éléments d’interface.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @alexcorp
      alexcorp @alexcorp CC BY-NC 21/05/2020

      Pour le premier chargement, ça dépend à quel utilisateur on s’adresse mais si la première impression qu’on a en arrivant sur un site c’est sa lenteur, ça fait mauvais genre. De plus le cache ne dure pas indéfiniment, en plus du fait que le fichier JS peut inclure autre chose que la librairie du framework et donc demander à être téléchargé de nouveau à chaque màj du code.
      C’est amusant de voir les commentaires sur le site developpez, certains semblent penser qu’on ne peut pas faire de site/app sans ces frameworks... Cela explique sûrement que tant de sites ou d’applications Web soient si lourds.
      Pour moi le pire que j’ai vu (en tant qu’utilisateur) c’est le site d’Arrêts sur image, qui utilise Angular. Une aberration. Ils ont optimisé un poil depuis le lancement donc c’est moins pire aujourd’hui mais ça reste une erreur technique majeure à mon sens.

      alexcorp @alexcorp CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 21/05/2020

      Ah bah pour un site de média éditorial, essentiellement fait de texte avec quelques images et vidéos, ça n’a aucun putain de sens… Normalement c’est pour de l’applicatif, des trucs où ça doit mettre jour des données en direct, etc. C’est ce que je disais plus haut, normalement quand on l’utilise c’est pour de l’appli, où t’as un compte, où ya du fonctionnel (pour l’interface d’admin d’un média éditorial à la limite, mais pas sa partie publique). Pour juste du texte et des commentaires dessous… hu

      RastaPopoulos @rastapopoulos CC BY-NC
    • @alexcorp
      alexcorp @alexcorp CC BY-NC 22/05/2020

      C’est tout le problème, les développeurs connaissent tel ou tel framework et se mettent à l’utiliser partout, sans discernement. Dans les commentaires sur Développez, il y en a même un qui explique que sans framework Javascript son appli ne serait pas jolie ! Et même pour les applis, sauf besoins très spécifiques, j’ai quelques doutes sur l’utilité de ces machineries, l’auteur du texte initial a raison, le Javascript de base (ou jQuery) peut faire beaucoup de choses. Bien sûr ça suppose de passer un peu plus de temps à coder (et de se confronter à des choses peut-être plus complexes au premier abord), encore que la maintenance sera probablement beaucoup plus légère ensuite.
      Je précise par ailleurs que j’ai déjà utilisé Angular de manière assez intensive, je suis loin d’être un anti-framework primaire.

      alexcorp @alexcorp CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 26/03/2020
    2
    @jeanmarie
    @monolecte
    2
    @tofulm

    5 VSCode Quick Tips to Boost Your HTML Writing - By Felipe Augusto Rosa
    ▻https://hackernoon.com/5-vscode-quick-tips-to-boost-your-html-writing-uw943yx6?source=rss

    Quelques optimisation/astuces de VSCodium pour faciliter l’écriture du HTML : sélection, commentaires, tag wrapping et emmet
    Pour emmet voir aussi :
    – la doc : ▻https://docs.emmet.io
    – la cheat-sheet : ▻https://docs.emmet.io/cheat-sheet

    merci @tofulm !

    #vscodium #astuce #emmet #html #web_dev

    cy_altern @cy_altern CC BY-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 26/03/2020
      @b_b

      Poke @b_b ;)

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 27/03/2020
      @jeanmarie

      @jeanmarie ouep j’en ai lu quelques uns de ces articles «X super tips to boost your...» ;)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 9/01/2020
    3
    @tofulm
    @b_b
    @marcimat
    3

    Setup VS Code for Efficient PHP development 🚀 | Theodo
    ▻https://blog.theodo.com/2019/07/vscode-php-development

    Extensions utiles et leur configuration pour développer en PHP avec VS Code/VS Codium (inclu la configuration de Xdebug)

    #php #vscodium #web_dev

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 22/11/2019
    1
    @linuxfr
    1

    felixfbecker/vscode-php-intellisense : Advanced PHP IntelliSense for Visual Studio Code 🆚💬
    ▻https://github.com/felixfbecker/vscode-php-intellisense

    Le repo/doc officielle de l’extension PHP Langage Server de VSCodium
    Voir aussi :
    – le repo pour le PHP Langage Server en lui-même : ▻https://github.com/felixfbecker/php-language-server
    – la doc du concept de langage server protocol (LSP) : ▻https://microsoft.github.io/language-server-protocol

    #web_dev #outil #Langage_Server_Protocol #VSCodium #PHP_langage_server

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 15/11/2019
    3
    @spip
    @jeanmarie
    @touti
    3

    Trimage (lossless) image compressor
    ►https://trimage.org

    En complément de ▻https://seenthis.net/messages/111251 une compilation d’outils d’optimisation du poids des images :
    – GUI :
    . Trimage sous Linux
    . ImageOptim sous MacOS : ►http://imageoptim.com
    . PNGGauntlet sous Windows : ▻https://pnggauntlet.com
    – en ligne de commande :
    . OptiPNG : ▻http://optipng.sourceforge.net et sa doc « A guide to PNG optimization » : ▻http://optipng.sourceforge.net/pngtech/optipng.html
    . jpegoptim : ▻https://github.com/tjko/jpegoptim
    – Gulp : gulp-imagemin ▻https://github.com/sindresorhus/gulp-imagemin et sa doc : ▻https://www.tutorialspoint.com/gulp/gulp_optimizing_images.htm
    – SPIP : utilitaire spip-cli ►http://zone.spip.org/trac/spip-zone/changeset/94606 (avec une option de commande pour traiter l’ensemble d’un répertoire, par ex IMG)

    #image #jpg #png #optimisation #web_dev #gulp #SPIP #spip-cli

    cy_altern @cy_altern CC BY-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 18/11/2019
      @seenthis

      @seenthis je crois que nous avons un spammeur : @devytheja

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/11/2019
      @seenthis

      @seenthis ça serait pas « un peu » du spam ça ?

      b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/11/2019
      @jeanmarie @seenthis

      @jeanmarie @seenthis on est d’accord, je supprime le compte tout de suite.

      b_b @b_b PUBLIC DOMAIN
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 18/11/2019
      @seenthis

      @seenthis : Les commentaires se retrouvent sur un billet de cy_altern.

      BigGrizzly @biggrizzly CC BY-NC-SA
    Écrire un commentaire
  • @alimielle
    alimielle @alimielle 1/09/2019
    3
    @rastapopoulos
    @monolecte
    @cy_altern
    3

    Quel avenir pour les sites « low-tech » ? – Graphisme & interactivité
    ▻https://graphism.fr/quel-avenir-pour-les-sites-low-tech

    Nombreux sont les articles qui disent que le numérique, Internet et le web émettent des gaz à effets de serre et donc que toute cette immatérialité (apparente) contribue à détruire notre environnement. Vous en avez sûrement déjà lu. Je ne reviendrai pas sur le sujet.

    Alors faut-il arrêter d’aller sur Internet ? Faut-il arrêter de faire des sites web ? Le métier de webdesigner (et de designer dans son ensemble, mais ça, je reviendrai dessus avec d’autres articles) est-il condamné à disparaître… ou pourquoi pas à se réinventer ? Si oui, pour faire quoi ? Et comment ? Toutes ces questions, je me les pose, et chaque jour, je me demande s’il ne vaudrait mieux pas mettre un bon nombre de projets et d’actions sur pause (ou sur stop) pour éviter d’être contre-productif et éviter de détruire ce qu’il reste à détruire.

    https://graphism.fr/wp-content/uploads/2019/09/scar.png

    #low-tech #internet #ressources #graphisme

    alimielle @alimielle
    • @touti
      vide @touti 2/09/2019

      #plook

      vide @touti
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 2/09/2019

      #web_dev

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 6/08/2019
    1
    @tofulm
    1

    Unserialize - PHP, JSON, Base64
    ▻https://www.unserialize.com

    Utilitaire en ligne pour désérialiser des données sérialisées en JSon ou PHP serialize

    #outil #web_dev #unserialize #serialiser #json

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 19/07/2019
    2
    @spip
    @jeanmarie
    2

    akilia/tarteaucitron : Portage pour SPIP de la solution de gestion de consentement aux cookies Tarteaucitron.js
    ▻https://github.com/akilia/tarteaucitron

    Ce plugin propose une interface de configuration permettant le paramétrage de certaines options du plugin ainsi que la possibilité d’activer 4 services au choix :
    – Gtag (Global Site Tag, le nouveau script de suivi pour Google Analytics)
    – Google Maps
    – Facebook
    – Facebook Pixel
    Il donne la possibilité d’ajouter de (très nombreux !) services supplémentaires directement dans le plugin : voir ▻https://opt-out.ferank.eu/fr/install / Etape 3 : ajouter les services et intégrer le code proposé dans un fichier à placer dans le répertoire /services du plugins

    La doc de Tarteaucitron : ▻https://opt-out.ferank.eu/fr
    Le repo Github de Tarteaucitron : ▻https://github.com/AmauriC/tarteaucitron.js

    (merci Peetdu :-) !)
    #spip #cnil #cookie #RGPD #web_dev

    cy_altern @cy_altern CC BY-SA
    • @fil
      Fil @fil 20/07/2019

      you should ask your visitors their consent before exposing them to third party services

      Autre solution : ne pas les exposer…

      Fil @fil
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 16/07/2019
    2
    @rastapopoulos
    @tofulm
    2

    Spout - Read and write spreadsheets, quickly and at scale
    ►http://opensource.box.com/spout

    Une librairie PHP qui génère des fichiers tableurs aux formats CSV / XLSX / ODS
    Le repo github: ▻https://github.com/box/spout

    #web_dev #tableur #xlsx #ods #csv #librairie #PHP

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

      Toi tu devrais utiliser l’indispensable extension seenthis search pour firefox avant de poster :p

      ▻https://seenthis.net/messages/612841

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
0 | 25 | 50

Thèmes liés

  • #outil
  • #spip
  • #css
  • #api
  • #css
  • #gulp
  • #prototype
  • #maquette
  • #svg
  • #conception
  • #image
  • #intégration
  • #ux
  • #vscodium
  • #php
  • #interface
  • #json
  • #web
  • #outil_web
  • #jshint
  • #graphisme
  • #extension
  • #icone
  • #police
  • #linter
  • #javascript
  • technology: html
  • programminglanguage: html
  • #php
  • #cookie
  • #adobe_xd
  • #ergonomie
  • #html
  • #couleur
  • #couleurs
  • #responsive
  • #palette
  • #accessibilité