What Web Can Do Today

Pas mal ça: un site sur les API disponibles dans les navigateurs. Très bien foutu.

par exemple, page visibility:

  • document.hidden: Returns true if the page is currently hidden.
  • document.visibilityState: Returns current visibility state: visible, hidden, prerender or unloaded.
  • document.addEventListener('visibilitychange')

    sympa !
    Via Korben


5 exciting new HTML and CSS features to look forward to in 2018

Les nouveautés du HTML 5.2...

Native Dialog element

Un élément pour faire des dialogbox facilement

<dialog>  
  <h2>Your title</h2>
  <p>Your content...</p>
</dialog>

modal.addEventListener('click', (event) => {
  if (event.target === modal) {
    modal.close('cancelled');
  }
});

modal.close('Accepted');

console.log(modal.returnValue); // logs `Accepted`

CSS scroll snap points

Des points d'arrêts lors d'un défilement

CSS Variables

On connaissait déjà, mais bon, c'est chouette quand même \o/

Support queries

Créer des règles css en fonction de leur support sur le navigateur

@supports (mix-blend-mode: overlay) {
  .example {
    mix-blend-mode: overlay;
  }
}

@supports not(mix-blend-mode: overlay) {
  .example {
    /* alternative styles here */
  }
}

“Stop Using CSS Selectors for Non-CSS”

Une réflexion intéressante que je garderai en mémoire: ne réserver les classes css que pour styler, pas pour cibler en js.
Donc en résumé, au lieu de
```




et

$(".article")
```

Préférer:

```



et

$("[data-hoverable]")
```

On sépare ainsi les classes (styling) des attributs data-* (scripting js)



Bozon: mais non ce n'est pas mort...

Voilà un moment que je ne donne aucune nouvelle de Bozon. Le projet n'est pas mort mais après un an à récrire le code, JerryWham a attiré mon attention sur le fait que l'ensemble devait être amélioré et optimisé: malheureusement, après moultes tentatives en ce sens (de nous deux, on a pas mal bossé), il s'avère qu'une restructuration est encore nécessaire.

C'est donc à cette tâche que je m'attelle en ce moment: restructurer afin de respecter certaines règles de programmation, quitte à me racler la soupière encore un moment

Du coup, je suis en train de déplacer et récrire des portions de code pour rendre le tout plus élégant et efficient afin de produire une version de travail commune pour coder à quatre mains.

En plus, comme le mentionne Cyrille, c'est pas mon temps libre qui me permet d'avancer...

«Faire et défaire, c'est apprendre à travailler» Proverbe familial

Lire la suite de Bozon: mais non ce n'est pas mort...

Fil RSS des articles de ce mot clé