PHP 5 added the DOM module to it’s roster of Not So Strictly Typed™ types. Its main entry point is the DOMDocument class, which is intentionally similar to the Web API’s JavaScript DOM. If you’ve ever used document.createElement, this will probably feel quite familiar.
Complexity, frustration, bloated. Those are the first words that come to my mind whenever I see Webpack. For the past couple of years in particular however, I’ve stopped using Webpack to develop them, opting instead to use Rollup as my primary bundler for apps.
Depuis 15 ans, les nouveaux services décentralisés se multiplient, facilitant le travail en équipe et le partage de fichiers, permettant de se passer d'une « autorité centrale ». Comme souvent dans l'informatique moderne, cela doit beaucoup à des travaux menés à la fin des années 70, dont les arbres de Merkle.
For websites and platforms that provide users with content or reviews, it’s important to include a star rating. Recently, I needed to implement a star rating component for a project and the requirements needed were: performant (doesn’t include images), resizable, accessible, partial star (e.g: 3.5 or 3.2) dynamically, easy to maintain with CSS.
There are currently four well-supported math functions in CSS. I've found each of them to be extremely useful in my daily work. These CSS functions can be used in perhaps unexpected ways, such as within gradients and color functions and in combination with CSS custom properties. We'll learn the syntax for each, view basic demos of their functionality, and explore practical use cases.
Native CSS nesting is coming to browsers soon. With nesting, that you might be familiar with from Sass or Less, you can greatly cut down on writing repetitive selectors. But you can also really work yourself into a corner if you’re not careful. This is an overview of how you can already use it today, the pitfalls and how to avoid them.
Last week, I learned that the Google Chrome team is planning to deprecate alert(), prompt(), and confirm(), the three browser-native ways to surface a modal window to users.
I had a very short project (a dozen commits) which I wanted to convert to use conventional commits. Let me describe this non-conventional procedure I had to follow.
I use Git a lot, in my daily job as well as for this blog. When using it, I often rebase locally before pushing, to have a clean and readable history.
An opinionated guide to setting up the architecture for a new React application.
In part three of our series we’ll look at how to create more interesting shapes with trigonometry, and how to draw them with the Canvas API.
J’ai débuté le développement de flusio il y a un an. Son objectif est d’offrir un espace en ligne permettant à la fois de faire sa veille de manière efficace, mais également de la repartager sur la plateforme ou à l’extérieur. Je suis parti du constat de plusieurs problèmes au sein des médias sociaux et des agrégateurs de flux RSS pour concevoir un outil qui tente de tirer le meilleur des deux.
Et voilà un nouveau venu dans ma collection de claviers ! Un fameux Ergodox avec son design avec les mains séparées, ses touches presque ortholinéaires (on est proche de la patte d'ours) et son firmware facilement reprogrammable.
Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, there are many types of tests and perhaps that is where some of the initial fear or confusion comes from.
Working on a web design involves handling the design for different screen sizes. Based on those designs, the developer will use CSS media queries to detect the viewport width or height, and then alter the design based on that. This is how we used to design web layouts for the past 10 years, and it’s about to get even better. I have some good news for you.
Ce jeudi, France 2 diffusera un nouvel épisode de Cash Investigation consacré à la manière dont sont traitées et partagées nos données personnelles, notamment en matière de santé, près de cinq ans après l'entrée en vigueur du RGPD. Comme on pouvait s'y attendre, le constat est loin d'être idyllique.
Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy’s new book.
An extensive guide on how to style for RTL in CSS
Je réalise régulièrement des audits de code source visant à vérifier l’absence de « mine juridique » dans une application. Cela m’a amené à me pencher avec attention sur la licence des projets libres et à constater que la licence annoncée par ces projets était en général trop monolithique.
De nombreuses technologies intègrent webpack : React avec create-react-app, WordPress dans wp-scripts ou encore Symfony avec webpack Encore. La plupart fournissent une configuration de base. Cependant, suivant le projet, il peut être nécessaire de compléter cette configuration. Ainsi, nous allons voir comment configurer webpack en remplaçant des tâches que je définis habituellement avec Gulp.