We have a lot more choice when it comes to CSS Layout today - should you use Flexbox, Grid or even a float? Rachel Andrew explains the various layout methods you have to choose from in our Guide to CSS Layout smashingmagazine.com/2018/05/guide-…

Web Typography Resources :: buff.ly/2LI5YW9

A Practical Guide to Regular Expressions (RegEx) In JavaScript. blog.bitsrc.io/a-beginners-gu…

Native support for lazy/defer 😴loading images & iframes 🖼until they're in the viewport 🔎 is coming. So good! <img src="..." lazyload="on"> calibreapp.com/blog/2018-08-1… by @benschwarz There's also going to be a Feature Policy to enforce lazy loading across the board.

Lazygit, a simple terminal UI for git commands. github.com/jesseduffield/…

"A curated collection of common interview questions to help you prepare for your next interview." buff.ly/2L8EjtE

This Front-End Performance Checklist is so fantastic: buff.ly/2Bgn3CF It's covered HTML, CSS, Fonts, Images, and JavaScript so far, with Server and JS Frameworks currently in progress. Use it and/or contribute to the project!

✏️ In order for a product to succeed, designers should know their competition and collect as much data as possible. Competitive analysis is one of the ways to get this data and to create a user-friendly product. smashingmagazine.com/2018/08/guide-… (by Mayur Kshirsagar)

Firefox 62 (out this week!) brings Variable Fonts support — and with that #VariableFonts are now supported in *all major browsers*! 🎉 #webtypography hacks.mozilla.org/2018/09/variab…

The best front-end hacking cheatsheets — all in one place. By @lasnindrek medium.freecodecamp.org/modern-fronten…

Firefox to Support Google's WebP Image Format: cnet.com/news/firefox-t…

🆕We just announced web.dev⚡️ It is a brand new site form the team behind this account✨Learn how to build for the web and measure if your site is meeting good practice goal❤️ It is open beta Today, so please give it a try & tell us what you think :)

🌅 Now in Beta: Inactive CSS! We show you which CSS properties aren’t affecting the selected element and why. (Has this saved you time already? We love hearing from you and seeing screenshots!) —Victoria Wang mozilla.org/en-US/firefox/…

Tooling tip: console.table shows your array of objects in a table with sortable columns

Les Media "Queries" d'Interaction sont désormais supportées sur tous les navigateurs modernes : codepen.io/raphaelgoetter…

✏️ In some ways, we are all still so new to CSS Grid Layout. A lot of folks keep asking about best practices that are available out there. Rachel Andrew ran a survey and shares the results as well as her thoughts over here: smashingmagazine.com/2018/04/best-p…

Level 2 of the CSS Grid spec is mostly about subgrid. A post explaining what it is and where things are buff.ly/2HZ89TD

Place-content, the easy way to align our elements ! Thanks MDN Web Docs 😀 developer.mozilla.org/en-US/docs/Web…

This cartoon deep dive to ES modules by Lin Clark is amazing. She always explains things with eloquence, and the fact that they'll be in all browsers soon is a great reason to make this required reading for you and your team: hacks.mozilla.org/2018/03/es-mod…