Ange Chierchia

Développeur Web full-stack

Notes

  • J'ai testé Arc

    J’ai testé Arc aujourd’hui au boulot. J’aime bien, mais j’ai encore beaucoup de mal à m’habituer aux onglets sur la gauche et certaines fonctionnalités des DevTools de Firefox me manquent.

    Par contre la version iOS, j’ai pas du tout le même ressenti, je l’ai même pas utilisé une heure tellement je la trouve éclatée. Je n’arrive pas à naviguer facilement entre les onglets, je n’arrive pas à savoir si tel ou tel onglet est déjà ouvert, etc. Un peu déçu de cette version mobile.. On verra si ça impact mon utilisation sur desktop

  • Garder des URLs pour plus tard

    Likes https://chriscoyier.net/2023/08/20/how-do-i-save-links-for-later/.

    Ce matin je suis tombé sur ce post de Chris Coyier dans lequel il explique sa manière de garder l’URL d’une page Web pour plus tard.

    Il catégorise ses liens dans trois catégories : court terme, moyen terme et long terme et n’utilise jamais les favoris du navigateur pour garder une URL.

    What do I not do?

    • Bookmarks. A lot of browsers offer them and saving URLs is kind of the point of them. I just never got into that habit in any browser.
    • Open tabs. Of course I have some open tabs, and those are pretty immediate forms of link saving, but I’m pretty quick to close them and don’t think of them as links I’m saving for later.

    Chris Coyier

    J’ai trouvé son approche très intéressante même si je ne comprend pas bien pourquoi utiliser les favoris du navigateur soit si dérangeant pour lui. Personnellement c’est la méthode que j’utilise.

    Après, c’est vrai que je ne peut pas accéder à mes favoris depuis mon iPhone, parce que j’utilise Firefox sur mon ordinateur et Safari sur mon iPhone, mais ça n’est pas si dérangeant. Peut-être que je m’inspirerai de sa méthode si mes besoins changent un jour.

  • Installation de Decap CMS

    Ça fait quelque temps que le CMS développé par Netlify, Decap CMS me fait de l’œil pour la gestion et la rédaction de posts sur mon blog, du coup j’ai tenter l’installation du truc via la connexion 3G de mon iPhone. J’écris ce premier message via l’interface d’administration. Si ça fonctionne bien, je ferai probablement un post pour détailler mon installation.

  • Une chauve-souris nous rend visite

    Une chauve-souris a réussi à rentrer dans la maison de mes parents.
    Cette conne m’a fait flipper quand je suis sorti de la chambre après avoir endormi mon fils !
    Heureusement, on a réussi à l’attraper avec une épuisette pour pouvoir la relâcher dehors sans qu’elle ne se blesse.
    Batman va bien

    image

  • Accessibilité Web

    Depuis plusieurs semaines je travaille beaucoup sur l’aspect accessible des sites Web que l’on produit chez Concept Factory.

    (suite…)

  • Test de Jekyll Admin

    Ceci est un post pour tester la création de contenus depuis l’interface de Jekyll Admin.

    À première vu c’est assez chouette et simple à mettre en place, même si il semble qu’on soit obligé d’ajouter les metadata d’un post à chaque fois qu’on en crée un nouveau.
    Il y a peut-être moyen de faire en sorte qu’il garde ça en mémoire, il faudra que je me penche là dessus.

    Après, je ne sais pas si ça va bien se comporter comme Github Pages ne supporte visiblement pas ce plugin. J’imagine qu’il faudra que je fasse attention de ne pas faire de git commit du fichier config.yml, ou en tout cas de la ligne spécifiant “jekyll-admin” comme plugin.

    Si jamais vous avez des astuces ou des ressources à partager sur ce plugin, n’hésitez pas à m’en parler sur Twitter

  • Repasser sur WordPress

    Ces derniers temps je pense de plus en plus à repasser mon site sur WordPress, parce qu’au final je trouve que Jekyll, même si j’adore et que ça ne coûte pas un rond, est un peu contraignant pour la création de contenus rapidement.

  • tweet-20231203141100

    J’ai réussi à faire en sorte que ça enregistre dans Day One, par contre ça n’a pas publié sur Twitter… J’aurai peut-être plus de chance avec ce tweet ?

  • tweet-20231203140800

    J’ai envie de tester la publication d’un tweet depuis mon site web.

  • Flexbox Patterns – éléments d’interfaces avec flexbox

    Bookmarked Flexbox Patterns.

    Utiliser les Flexbox CSS pour le design d’interfaces utilisateurs est devenu de plus en plus courant , d’une part parce que réaliser des mises en pages complexes est beaucoup moins casse-tête en utilisant les Flexbox CSS qu’en utilisant la vieille technique des boîtes flottantes (float: left, float: right) et bénéficie d’un meilleur support des navigateurs Web actuels. Pourquoi s’en privé !

    Flexbox Patterns de CJ Cenizal présente à travers différents exemples d’interfaces utilisateurs, les nouvelles propriétés CSS liées à Flexbox et comment les utiliser .

  • List.js

    Bookmarked Search, sort, filters, flexibility to tables, list and more! – List.js by Jonny Strömberg.

    List.js est une petite libraire Javascript qui permet d’ajouter très rapidement et simplement des fonctionnalités de tri, de filtrage et de recherche à une liste HTML existante, sans en altérer le code.

    Voilà comment la librairie fonctionne :

    <div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>

  <ul class="list">
    <li>
      <h3 class="name">Jonny Stromberg</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Jonas Arnklint</h3>
      <p class="born">1985</p>
    </li>
    <li>
      <h3 class="name">Martina Elm</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Gustaf Lindqvist</h3>
      <p class="born">1983</p>
    </li>
  </ul>
</div>
<script src="http://listjs.com/no-cdn/list.js"></script>

    Ensuite un simple appel à la fonction List() et le tour est joué

    var options = {
  valueNames: [ 'name', 'born' ]
};
var userList = new List('users', options);

     

    See the Pen zpuKF by Jonny Strömberg (@javve) on CodePen.

  • Une navigation 3D en CSS et jQuery

    Bookmarked 3D Bold Navigation in CSS and jQuery | CodyHouse.

    Les éléments  de navigation sont essentiels lorsqu’on conçoit un site Internet, que ce soit pour la navigation entre les différentes pages d’un site, ou simplement se déplacer vers différentes sections d’une même page. Claudia Romano propose un concept de navigation responsive simple mais avec beaucoup de caractère. Idéal pour la navigation d’un site type portfolio.