Grid Layout, Ecommerce Performance, and IphoneX

"Learn about selectors both new and old that you can use to style form inputs based on requirement, validity and more."

"La propriété CSS appearance permet de modifier la mise en forme native du système d'exploitation, et notamment d'annuler tous les styles de base pour pouvoir les re-styler tranquillement comme souhaité."

"CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that elements children (which become Grid Items)."

"In the previous article in this series we took a look at the introduction to the grid spec, and in particular why we have grid layout as well as flexbox. This time I am taking a look at the background and motivation section, which gives some examples of the sort of problems Grid aims to solve."

CSS Grid Garden est un jeu où on écrit du code CSS pour faire pousser des carottes. Il rejoint Flexbox Defense ou Flexbox Froggy dans la galaxie des jeux éducatifs à CSS.

"Understanding and using CSS Grid is easier than you might expect."

Une collection Codepen concernant l'utilisation de Grid Layout. A ouvrir avec un navigateur qui supporte la fonctionnalité, bien sûr : http://caniuse.com/#feat=css-grid

"Yes, flexbox came along and I used it for some pieces of the layout, but it didn’t change the way I laid out entire pages. Next month that’s changing.

CSS Grid is landing in Chrome and Firefox after years of tireless work by specification authors, developers who gave feedback, and browser implementers."

"By making the line height unitless, the browser preserves the font-size/line-height ratio even if the font size changes."

"The good news is that our old rule of thumb—start at 16pt—is still a pretty good one, at least for users on laptops, desktops and phones. But if you are designing for a conference room PC, no text should ever be smaller than 26pt Arial, and most text should be at least 33pt."

An interactive guide to alternative voting systems or how to use the Web medium to provide a self-teaching lesson about democracy.

"Element queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser."

"Get your breakpoints right ; Name your ranges sensibly ; Be declarative"

"JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy.

Maybe you can include a few lines of utility code, or a mixin, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with."

Un guide destiné aux intégrateurs chargés de réaliser des gabarits HTML et CSS accessibles.

"Comparing web animation techniques by showing how to bounce a ball with each one."

" I’m not the best coder. I just know some tricks. But it is possible to do a hell of a lot, with only a little."

"Friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox."