Atalan
L’accessibilité numérique,
et si nous agissions ?
ENGLISH VERSION
Comprendre un graphique coloré lorsque l’on est daltonien…
Naviguer sur le web et utiliser un smartphone tactile en étant malvoyant ou aveugle…
L’accessibilité numérique,
et si nous agissions ?
ENGLISH VERSION
Comprendre un graphique coloré lorsque l’on est daltonien…
Naviguer sur le web et utiliser un smartphone tactile en étant malvoyant ou aveugle…
Check if your email address is in a data breach
The file converter you'll love.
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source.
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source.
Les plus belles photos, images et vidéos libres de droits partagées gratuitement par des créateurs talentueux.
Laravel development perfected
One click PHP development environment.
Zero dependencies. Zero headaches.
One click PHP development environment.
Zero dependencies. Zero headaches.
Livres d'occasion
Build something Lovable
Create apps and websites by chatting with AI
Create apps and websites by chatting with AI
The AI community building the future.
The platform where the machine learning community collaborates on models, datasets, and applications.
The platform where the machine learning community collaborates on models, datasets, and applications.
Apple Design Resources
Design apps accurately and quickly using official Apple design templates, icon production templates, color guides, and more.
Design apps accurately and quickly using official Apple design templates, icon production templates, color guides, and more.
Exploring how User Experience will evolve with the growth of Artificial Intelligence.
The rise of AI has caused a paradigm shift in how people interact with technology. Our interfaces may evolve, but the foundations of great design are more relevant than ever. This is the UX of AI.
The rise of AI has caused a paradigm shift in how people interact with technology. Our interfaces may evolve, but the foundations of great design are more relevant than ever. This is the UX of AI.
Selective free design resources to download
A growing library of free design resources made by the world's best designers. Unblast selects the best of the best, therefore putting in your hands quality useful resources such as mockups, fonts, templates, icons, graphics and saves you tons of searching hours.
A growing library of free design resources made by the world's best designers. Unblast selects the best of the best, therefore putting in your hands quality useful resources such as mockups, fonts, templates, icons, graphics and saves you tons of searching hours.
Dev Encyclopedia;
Find out what that Sr. Developer is talking about.
Find out what that Sr. Developer is talking about.
Concevoir sans biais cognitifs : mythe ou réalité ?
📌 LES CRITERES ERGONOMIQUES DE BASTIEN ET SCAPIN restent mon réferentiel numero 1 en terme de conception. Ils permettent de conserver à l’esprit les exigences auxquelles doit répondre mon interface ainsi que le niveau de détail et de specification, en ne s’arretant pas au cas nominal !
Cet article présente la version française du questionnaire de mesure de l'utilisabilité "System Usability Scale" (communément appelé SUS). Ce questionnaire est à ce jour le plus utilisé, dans la communauté scientifique, pour mesurer la satisfaction des utilisateurs vis-à-vis d'un produit, d'un système interactif ou d'un service. La version française proposée dans cet article a été validée scientifiquement. Vous pouvez librement utiliser cette traduction pour vos études et projets, en citant simplement la référence : Gronier, G. & Baudet, A. (2021). Psychometric evaluation of the F-SUS: Creation and validation of the French version of the System Usability Scale. International Journal of Human-Computer Interaction. https://doi.org/10.1080/10447318.2021.1898828.
SVG Viewer is an online tool to view, edit and optimize SVGs.
Use AI as your design ally, not as a replacement.
Effortlessly generate sitemaps and wireframes for marketing websites in minutes
Effortlessly generate sitemaps and wireframes for marketing websites in minutes
clamp - Le responsive fluide sans Media Queries
File Manager for macOS.
Native. Extensible. Fast. :rocket:
Native. Extensible. Fast. :rocket:
An Interactive Guide to CSS Container Queries
Learn how to use CSS container queries today.
Learn how to use CSS container queries today.
26 Seamless CSS Page Transitions
Responsive SVGs
Stretch your knowledge of working with SVGs for scalable, responsive experiences.
Stretch your knowledge of working with SVGs for scalable, responsive experiences.
Locking scroll with :has().
It's finally happened – with the release of Firefox 121.0 :has() has landed in all browsers (though writing ":has() has" is sadly no less awkward). In celebration, I thought it a good time to share one of my favourite practical uses of :has() so far – scroll locks.
Imagine that you need to open a modal window, or flyout menu. To prevent from losing the user's place in the page whilst that modal is open – particularly on mobile devices – it's good practice to prevent the page behind it from scrolling. That's a scroll lock.
Let's take a look at how we might implement one.
It's finally happened – with the release of Firefox 121.0 :has() has landed in all browsers (though writing ":has() has" is sadly no less awkward). In celebration, I thought it a good time to share one of my favourite practical uses of :has() so far – scroll locks.
Imagine that you need to open a modal window, or flyout menu. To prevent from losing the user's place in the page whilst that modal is open – particularly on mobile devices – it's good practice to prevent the page behind it from scrolling. That's a scroll lock.
Let's take a look at how we might implement one.
Quantity Queries are Very Easy with CSS :has()
DECEMBER 11, 2023
What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has.
DECEMBER 11, 2023
What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has.
Sounds great, but what’s the catch?
Trace Pixels To Vectors in Full Color
Convert your JPEG and PNG bitmaps to SVG vectors quickly and easily.
Fully Automatically. Using AI.
Free while in Beta.
Convert your JPEG and PNG bitmaps to SVG vectors quickly and easily.
Fully Automatically. Using AI.
Free while in Beta.
Build material design in record time without stress for devs
Fonds de carte (gmap)
We have been using CSS viewport units since 2012. They are useful to help us in sizing elements based on the viewport width or height.
However, using the vh unit on mobile is buggy. The reason is that the viewport size won’t include the browser’s address bar UI.
To solve that, we now have new viewport units. Let’s find out about them in this article.
However, using the vh unit on mobile is buggy. The reason is that the viewport size won’t include the browser’s address bar UI.
To solve that, we now have new viewport units. Let’s find out about them in this article.
Large DOM sizes have more of an effect on interactivity than you might think. This guide explains why, and what you can do.
OverlayScrollbars
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
How to build a design system in Sketch
Learn how to bring consistency and efficiency to your future projects
Learn how to bring consistency and efficiency to your future projects
Unleash Creative Possibilities: Exploring 9 Hidden CSS Pseudo-Elements
When many devs think of CSS they think of Peter Griffin trying to open window blinds. But for others CSS is more like putting their hand in the pain box from Dune while some product manager has a gom jabbar to their neck, daring them to pull their hand out.
There's a few reasons why tech continues to struggle with CSS.
We're bad at teaching CSS. While there are a ton of great CSS practitioners out there sharing their knowledge (Stephanie Eckles, Kevin Powell, and Adam Argyle, to name a few), a lot of people learn HTML and CSS in college or bootcamps from people who are perhaps not as knowledgeable, use outdated techniques or gloss over the basics in favor of frameworks like Bootstrap or Tailwind. As a result, you end up with a lot of folks who don't have a deep knowledge of HTML and CSS, which are the basic building blocks of the web.
We're bad at hiring for CSS. Just about every job listing for a full stack or frontend engineer lists HTML, CSS and JavaScript proficiency as a prerequisite, but when they interview candidates, they're rarely testing for anything other than JavaScript skills. If companies end up hiring people with CSS skills, it's usually by accident. And if you don't have people with those skills you can't vet other people for those skills and the problem perpetuates itself.
We're bad at writing CSS. Without deep knowledge of CSS and with an inability to hire people with that knowledge, people go to great lengths to avoid writing CSS, whether by relying on Bootstrap/Tailwind or trying to do everything in JavaScript. They end up over-complicating things to the point where their CSS is extremely hard to maintain.
There's a few reasons why tech continues to struggle with CSS.
We're bad at teaching CSS. While there are a ton of great CSS practitioners out there sharing their knowledge (Stephanie Eckles, Kevin Powell, and Adam Argyle, to name a few), a lot of people learn HTML and CSS in college or bootcamps from people who are perhaps not as knowledgeable, use outdated techniques or gloss over the basics in favor of frameworks like Bootstrap or Tailwind. As a result, you end up with a lot of folks who don't have a deep knowledge of HTML and CSS, which are the basic building blocks of the web.
We're bad at hiring for CSS. Just about every job listing for a full stack or frontend engineer lists HTML, CSS and JavaScript proficiency as a prerequisite, but when they interview candidates, they're rarely testing for anything other than JavaScript skills. If companies end up hiring people with CSS skills, it's usually by accident. And if you don't have people with those skills you can't vet other people for those skills and the problem perpetuates itself.
We're bad at writing CSS. Without deep knowledge of CSS and with an inability to hire people with that knowledge, people go to great lengths to avoid writing CSS, whether by relying on Bootstrap/Tailwind or trying to do everything in JavaScript. They end up over-complicating things to the point where their CSS is extremely hard to maintain.
With UX as a discipline transforming rapidly, emerging from the debris are specialisations that sound different but still focus on providing a strong user experience. It is time for us to agree on some sort of a model that explains the nature of UX and its relationship with business as a whole.
A free-to-use, locally running, privacy-aware chatbot. No GPU or internet required.
Pour un rendu réaliste stylo bic, c'est bien simple je n'ai jamais trouvé mieux.
The verdict is unavoidably in favour of just sticking to CSS. It costs nothing, and it’s an invaluable, transferable skill.
CSS Masking
mask-image:
mask-image: