Note: Effet de flou barre Applehttps://liens.rolandtisserand.fr/shaare/cwEr8A
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial))
.localnav.localnav-sticking .localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255,255,255,0.72);
}
.localnav.localnav-sticking .localnav-background {
background-color: rgba(255,255,255,0.9);
transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition-property: background-color, -webkit-backdrop-filter;
transition-property: background-color, backdrop-filter;
transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
}
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial))
.localnav.localnav-scrim .localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255,255,255,0.72);
}
Accessible Icon Buttonshttps://www.sarasoueidan.com/blog/accessible-icon-buttons/
Freelance Front-End Web UI/UX Developer - Lebanon
Note: CSShttps://liens.rolandtisserand.fr/shaare/pgDWxQ
Switch CSS
https://codepen.io/mburnette/pen/LxNxNg
https://codepen.io/frweslley/pen/RwryjYO
https://codepen.io/vipinmishra/pen/RwWOJVN
https://codepen.io/alvarotrigo/pen/gOXZxNZ
Dark Mode
https://www.ditdot.hr/en/dark-mode-website-tutorial
https://maxpelic.com/blog/post/darkmode-example/
https://alexandersandberg.github.io/theme-switcher/ (pas de prefer color scheme)
Synology : Installer Nextcloud facilement sur votre NAS - Cachemhttps://www.cachem.fr/synology-nextcloud/
Les NAS Synology disposent d'un large choix d'application grâce notamment au Centre de paquets. Cependant, tout n'y est pas. Aujourd'hui, nous vous proposons d'installer Nextcloud avec MariaDB (ou SQLite). C'est une des meilleures solutions pour ceux qui veulent se créer un Cloud privé polyvalent. Inutile d'avoir Docker, ce tutoriel fonctionne…
Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveirahttps://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align
An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.
GifCitieshttps://gifcities.org/
Dark Ages of the Webhttps://pavellaptev.github.io/web-dark-ages/
Old Web features — frontend and UI patterns
Squircle — Wikipédiahttps://fr.wikipedia.org/wiki/Squircle
Un squircle est une forme mathématique intermédiaire entre un carré et un cercle. C'est un cas particulier d'une superellipse. Le mot "squircle" est un mot-valise des mots anglais "carré" (square) et "cercle" (circle).
Those HTML Attributes You Never Use — Smashing Magazinehttps://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.
systemfontstackhttps://systemfontstack.com/
Animations and performancehttps://web.dev/animations-and-performance/
Animations must perform well, otherwise they will negatively impact the user experience.
Building a button componenthttps://web.dev/building-a-button-component/
A foundational overview of how to build color-adaptive, responsive, and accessible <button> components.
phpthumbhttp://phpthumb.sourceforge.net/
Lucidehttps://lucide.dev/
Beautiful & consistent icon toolkit made by the community.
Penpot - Design Freedom for Teamshttps://penpot.app/#project
The open-source solution for design and prototyping.
<length> - CSS : Feuilles de style en cascade | MDNhttps://developer.mozilla.org/fr/docs/Web/CSS/length
Le type de données CSS <length> correspond à une mesure de distance.
Picture perfect images with the modern <img> element - Stack Overflow Bloghttps://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/
You may not think about images as part of your web dev work, but they can affect your web app's performance more than any other part of your code.
Making of British & Exotic Mineralogyhttps://www.c82.net/blog/?id=84
Installation on shared webhosting · Issue #3735 · wallabag/wallabag · GitHubhttps://github.com/wallabag/wallabag/issues/3735
So - I got a "normal" webhoster (Meaning: can create databases, subdomains, phpmyadmin, choose php-version - all via hosting control panel (in my case plesk onyx)), Basically i can upload the files via ftp where i want to install wallaba...
GitHub - troxler/awesome-css-frameworks: List of awesome CSS frameworks in 2022https://github.com/troxler/awesome-css-frameworks
List of awesome CSS frameworks in 2022. Contribute to troxler/awesome-css-frameworks development by creating an account on GitHub.
Explorisohttps://en.exploriso.info/about/
Bloc note uxhttps://blocnotes.iergo.fr/
A Clever Sticky Footer Technique - CSS-Trickshttps://css-tricks.com/a-clever-sticky-footer-technique/
Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen while in the scrolling context…
Layout patternshttps://web.dev/patterns/layout/
A collection of layout patterns built using modern CSS APIs that will help you build common interfaces such as cards, dynamic grid areas, and full-page layouts.
A Deep Dive Into object-fit And background-size In CSShttps://www.smashingmagazine.com/2021/10/object-fit-background-size-css/
100 Jahre Deutscher Kunstverlaghttps://geschichte.deutscherkunstverlag.de/?section=chronologie&anchor=nationalsozialismus
Yellow Lab Tools - Page Speed audithttps://yellowlab.tools/
Yellow Lab Tools is a free online web performance analyzer. It audits a webpage for performance and front-end quality issues. And it's open-source!
Note: Couleur de fond, Peaucou 2021https://liens.rolandtisserand.fr/shaare/0hDe7g
Dedale.iohttps://www.dedale.io
Le studio qui améliore l’expérience des agents et usagers du Service Public