Sur les navigateurs mobiles, les "clics" sur les éléments interactifs (liens, boutons, etc.) ne sont pris en compte que 300 ms après l'action de clic. Ce délai sert à voir si un autre clic intervient dans cet intervalle, auquel cas le navigateur prendre en compte un double-clic et non un clic simple.
L'utilisation de double-clic sur un site étant assez marginale, si vous souhaitez donner une meilleure impression d'immédiateté, vous pouvez désactiver ce délai avec le code CSS suivant :
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}Via https://getbootstrap.com/docs/4.0/content/reboot/ et https://medium.com/css-mine/bootstraps-reboot-next-evolutionary-step-for-css-reset-a30f718521b9
Styliser les scrollbars, c'est pas encore ça...
Un bookmarklet super intéressant qui permet de recharger le CSS de n'importe quelle page. Super pratique quand vous êtes en train de développer et que vous voulez éviter de recharger toute la page pour appliquer vos modifs !
Plein de petites astuces CSS compréhensibles en moins de 30 secondes, avec en prime un indicateur de support navigateur.
Si dans Vue.js vos animations CSS clignotent dans IE 11, pensez à ajouter animation-fill-mode: forwards; sur l'élément auquel l'animation est affecté.
Tout ce qu'il y a à savoir pour la création de templates d'email.
Quelques idées de layout web proposées par Mozilla.
Des labels flottants en CSS pur grâce au pseudo-sélecteur :placeholder-shown.
Un linter de feuille de style.
Les formes CSS. Ça permet quelques beaux effets.
Une tuto flexbox avec des animations tiptop !
Des animations de menu hamburger absolument délicieuses. Le tout sans Javascript (si on omet le simple onclick dans le HTML). Merci SVG.
Pouvoir changer le style d'un parent au :hover est super pratique.
Un template à utiliser comme base pour vos emails. Une bonne partie des galères liées à la customisation d'emails est déjà prise en compte. Et c'est plus fiable qu'un simple inliner.
Encore un guide illustré pour flexbox.
tl;dr