Bookmarked Accessibility essentials every front-end developer should know by .
front-end
-
Accessibility essentials every front-end developer should know
-
Navigations on the Web – Jim Nielsen’s Blog
Bookmarked Navigations on the Web by .
[…] a button inside a form, like a link, triggers a round-trip request to the server for a new document — a navigation.
-
Belle trouvaille
Bookmarked Who knows? by .
Had you heard of these bits of CSS? Me too/neither!
https://adactio.com/journal/21007
Je viens de découvrir à mon tour la propriété
text-emphasis
et le sélecteur::file-selector-button
dont parle Jeremy. Je pense que je vais pouvoir utiliser ce dernier sélecteur dans mon projet actuel.
-
Éviter le soulignement des pseudo-éléments dans un lien
Je viens de découvrir qu’en ajoutantdisplay: inline-block
sur le pseudo-élément::before
ou::after
d’un lien<a></a>
, on peut annuler l’affichage du styletext-decoration: underline
sur le pseudo-élément même si on le veut sous l’élément en lui-même…C’est bien après plus de 10 ans de carrière dans le Web…
https://codepen.io/nighcrawl/pen/dyLvYoV
-
Les interrupteurs « on/off » arrivent nativement !
Le truc que je préfère avec la sortie de Safari 17.4 ? L’attribut
switch
sur les<input type="checkbox">
!On aura plus besoin de gérer l’accessibilité et les styles bien relous à mettre en place sur les cases à cocher qu’on veut afficher comme des interrupteurs pour faire « comme sur iPhone, parce que c’est trop beau ! ».
Bonne nouvelle donc, hâte de voir les autres navigateur l’implémenter
-
Les composants Web pour les nuls
En parcourant mon Feedbin ce midi je suis tombé par hasard sur un article d’Eric Meyer concernant les composants Web et grâce à lui j’ai compris comment ils fonctionnent et tout me parait un peu moins flou maintenant.
Si comme moi vous n’aviez pas encore pu saisir leur intérêt, je vous conseille vivement d’aller le lire ! J’espère pouvoir appliquer ça dans un futur projet au boulot et me faire les dents dessus 🙂
Je n’ai rien d’autre à ajouter. Juste, lisez le.
-
Modifier l’état d’une checkbox en fonctions de ses checkboxes filles
Cette semaine je travaillais sur un projet dans lequel une page affiche une liste de documents que l’on peut filtrer à l’aide de checkboxes. Dans cet article je vais vous exposer un cas d’usage que j’ai rencontré et comment je l’ai solutionné.
(suite…)
-
Mettre en place un « dark mode » simplement
Cela fait un moment que j’avais mis en place la possibilité de choisir entre un thème sombre et un thème clair pour lire mon blog. Et ça fait presque aussi longtemps qu’il était éclaté au sol, dans le sens où même si on choisissait l’un des modes, les préférences du système prenaient de nouveau le dessus au rechargement de page. On va voir ensemble ce qui n’allait pas et donc ce qu’il ne faut pas faire. (suite…)
-
Accessibilité Web
Depuis plusieurs semaines je travaille beaucoup sur l’aspect accessible des sites Web que l’on produit chez Concept Factory.
-
Impression et en-tête de page : casse-tête
Il y a quelques semaines, je travaillais sur un template de bilan comptable, destiné a être imprimé via notre application IBAKUS®COMPTA, dans lequel l’en-tête de page devait se répéter sur chaque pages du document.L’en-tête de page était constitué de plusieurs éléments permettant d’identifier le déposant (le nom de la société, son adresse, son numéro RC et TVA, etc.), la date d’impression, le titre du document, etc. Quelque chose dans ce style là : (suite…)
-
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.
-
Astuce Sass : imbrication de propriétés composites
Cette semaine je lisais Sass pour les Web designers, de Dan Cederholm et j’ai découvert une petite astuce que je ne connaissait pas : l’imbrication de propriétés composites. (suite…)