Hacker101 is a free class for web security. Whether you’re a programmer with an interest in bug bounties or a seasoned security professional, Hacker101 has something to teach you.

CSS Grid – Learn all about CSS Grid with Wes Bos in this free video series!

Hey Meta – Check and improve how search engines and social media websites see and display your website.

The Mockup Club – A directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.

The Front-End Checklist Application is perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!

Best of JavaScript – The best of JavaScript, HTML and CSS. Check out the most popular open-source projects and the latest trends about the web platform and node.js.

The Ultimate Guide to CSS – A complete breakdown of the CSS support for the most 
popular mobile, web and desktop email clients on the planet.

Publii – Make an extremely safe, fast and stylish static blog website in minutes.

Holly Website Audit – Free, brandable website audit for your clients. Check against Google’s guidelines for a modern website.

Font style matcher – If you’re using a web font, you’re bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you’ve chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths. This tool helps you do exactly that.