Some years ago (2018 I think), I gave a talk during the JavaScript Meetup of Luxembourg where I presented briefly my interest for this new topic: CSS Variables. The official name of this specification is CSS Custom Properties. It allows you to store dynamic custom values to be used as CSS value within your code.

You might already know Ahmad for all his sharing within the web community.  He published a book about Debugging CSS that will help beginners but also more advanced developers finding out and resolving bugs. All of that in a well illustrated and structured digital book.

You have probably already used these shortcuts available at “force touch” or “long touch” on your mobile application icons? It’s a way to access shortcuts inside your application to quickly access a section, or directly start a more precise action. It is now possible to do this for your Progressive Web App (PWA).

Ones of the more painful experiences on mobile come with infinite online forms you have to fill in here and there. What about optimizing those experiences step by step? Today I propose to you a solution for One Time Code input: You receive the SMS with a code, your keyboard suggest-it to you, one tap, done! Ok let’s go!

At the era of Cloud solutions and worldwide shared resources, some big companies are stuck with a strict prohibition of any Cloud service. Self-hosting is a solution for those companies that want to build modern well-designed interfaces. How to do so if you are stuck outside the overall Cloud system?

Illustrations on a web page or application have a very interesting effect on the user: they create a connection, echo emotions and feelings and also help to assert your identity.

You already know that a Design System is not only a shared CSS file or a Figma/Sketch bunch of libraries. A Design System is made up of 80% human (relationships, sharing, daily work), and 20% documentation, tools and libraries. I want to help you with the small part.

Everyone has heard of SEO when it comes to optimizing their search engine visibility. However, very few people pay attention to the SEO of their images, and it starts with very simple things that are rarely put in place. Image SEO can help you with this.

When the need arises to focus on writing texts for web pages, WYSIWYG editors allow you to project yourself into what your text will look like once it is published on your page, or at least give you a good idea of what it will be like. Here is a selection of editors that can be installed in your web projects.

Long time with no selection. Here is a big one with a medley of UX Design and User Research resources, but also SXO, SEO, UI Design and fun tools to compose color palettes, JavaScript and CSS demo to learn animated stuff and modern JS, and some great Accessibility resources and articles.

CSS, since its version 2.1, offers a relatively unknown counter system due to an old incompatibility on IE. Some of you will probably defend the following position: CSS is not made for that, you have to use JavaScript. So be it! But know that it exists, and discover how to use it. Small introduction!

It is not always easy to collect all of your users’ needs, especially when you are not necessarily familiar with the context of use or the field in which they work. That’s why we created this downloadable and printable canvas to help you collect needs.

When you need to work on interfaces, color contrast is a real thing you have to take into account to make it accessible. You have the right to be afraid of losing part of the aesthetics of your beautifully well designed interface, and you are right if you are used to poor contrast ratio. Accessibility comes with its constraint, but not much more than UX (User Experience) Design.

Not so long ago I saw one of the developers I work with writing a very complex function to allow a smooth scrolling to a lower element on the page. I was quite surprised that he doesn’t use scrollIntoView() and his behavior parameter and its smooth value. Did you heard of it?

UX / UI, CSS, HTML, JavaScript, Accessibility and a lot of pixels and animations on this selection. Learn Grid Layout while having fun, discover more on CSS Variables or Font Variable. I also have a selection of digital artist to make this selection not only technical. Have fun!

Long time no see. This selection offers a lot of Design resources to help you build ideation session, test interface during user testing sessions or exploit your user biaises to build better products. Alongside those resources, development tools, articles and tutorial will help you with new CSS and JS stuff. Also, I need you help at the end of the article :p

I keep writing this little series of Did You Know articles about specific little parts of the CSS, HTML or JavaScript. One little thing to learn, easy to digest and use in your dailywork. Last time it was about Lists and specific attributes like start, reversed and type for ul and ol elements. This time, let’s dive into defaultValue in JS.

Flexbox.ninja is a project I started a few years ago and that I had never taken the time to finish and publish. I wanted to propose at least 6 common use cases, but the web people suggested that I publish it with 3 cases and open it to contributions. That’s done, now let’s look at it in more detail.