Guillaume RICHARD

Catégorie : Outils Web

  • Redesign tes sites web préférés avec Stylus

    Présentation de l’extension

    Petit article de présentation d’une extension assez sympa à utiliser sur les navigateurs Web.

    Stylus permet de changer l’apparence des sites Web courant, à votre convenance et selon vos souhait.
    Par exemple sur Youtube, si vous voulez afficher que la vidéo, et rendre invisible le reste, c’est tout à fait possible.

    Exemple d’utilisation

    Voici un exemple pour Youtube, je vous présente deux photos :

    Youtube, avant la modification avec stylus
    Youtube, après la modification avec stylus

    Dans le cas ou vous voulez n’afficher que la vidéo, il suffit de créer un enregistrement sur Stylus, et d’ajouter les règles CSS qui vont bien.
    Pour mon exemple, voici les règles que je me suis mis :

    body {  overflow: hidden;}

#columns{
  visibility: hidden;
  overflow: hidden;
}

.masthead-finish {  visibility: hidden;}
#player {    visibility: visible;}

    Chose à savoir, quand vous ne connaissez pas le CSS :
    Il est possible d’importer des enregistrements créés par d’autres personnes.

    le site userstyles.world existe pour cela, et liste beaucoup d’exemples qui peuvent être utile.

    URL de l’extension

    Firefox : https://addons.mozilla.org/fr/firefox/addon/styl-us/
    Chrome : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

  • Parts de marché des navigateurs Web

    Cela faisait que je ne m’étais pas renseigné sur les parts de marché des différents navigateurs.
    La dernière fois, Firefox était en tête et Chrome en seconde place.

    Je vais faire un états des lieux en ce début d’année 2022.

    Statcounter est un outil qui permet de voir les données de ces parts de marché, selon la période et le secteur géographique.
    Par exemple, voici les données de la France pendant l’année 2021 :

    Voici les données pour l’Asie, sur la même période :

    Et la même chose pour l’Amérique du nord :

    Je remarque plusieurs choses :
    • Google Chrome est utilisé majoritairement, dans les 3 zones. Plus de 70% à chaque fois.
    • les autres navigateurs sont utilisé minoritairement, et sont dans un mouchoir de poche.
      • Firefox s’est pris une grosse claque
      • Internet Explorer n’est plus utilisé, même la dernière version (IE11)

    Dans les semaines qui viennent, je pense tester un peu plus cet outil pour voir plus de données, et je ferai un petit article la-dessus.

  • Générateur de WP-cli.yml

    Pour l’article d’aujourd’hui, je ne savais si je devais le mettre ici, ou sur le blog 365 idées.

    En effet, cet article est une idée de projet que l’on pourrai mettre en place, et qui est lié au CMS WordPress.

    WordPress permet d’utiliser un certain nombre de concept qui ajoutent des fonctionnalités sur votre site : Shortcodes, Post Type, Meta Box, Taxonomy, etc…

    Ce que je propose, c’est un site qui génére des fichiers de configuration WordPress en YAML nommé wp-cli.yml.

    De quoi je parle ? qu’est ce qu’un fichier wp-cli.yml ?

    Comme je disais, c’est un fichier de configuration au format YML, qui peut être lu à l’aide de WP-CLI, l’outil de ligne de commande de WordPress. Vous pourrez en savoir plus sur la documentation de WP, plus précisément sur la page de config de WP-CLI.

    Globalement, WP-CLI récupère les paramètres globaux et les arguments qui existe dans le fichier de configuration. Pour moi, le seul cas d’utilisation de ce fichier est pour une installation de WordPress, plus rapide et plus propre.

    Pour cette idée, je me suis inspiré du site generatewp, qui contient des outils pour les développeurs WordPress.

  • Playlist Ansible

    Playlist Ansible

    Ansible, moyen le plus simple d’automatiser les applications et l’infrastructure informatique, est le logiciel qui monte en ce moment. Il permet 3 choses importantes :

    • le déploiement d’applications
    • la gestion de la configuration
    • la livraison continue.

    Ansible possède une documentation complète. J’ai pu découvrir cet outil via des vidéos sur Youtube.
    Je vous propose donc cette playlist :

    Profitez-en bien !

    Qu’en pensez-vous ?

  • Oh shit, git !

    git

    Avec Git, il est possible de tomber sur des situations spéciales. ohshitgit propose quelques solutions.

    Pour le moment, c’est un petit site, mais il peut aider.

    URL : http://ohshitgit.com/