Frontend Focus Issue 327 — February 14, 2018 Replacing jQuery With Vue.js: No Build Step Needed Some developers aren’t keen on complex workflows that involve build tools and they’re not mandatory to use the latest JS tech anyway. Here’s how to use Vue.js in a similarly detached way as you might use jQuery now. Sarah… Read More

Frontend Focus Issue 326 — February 7, 2018 Using Media Queries for Responsive Design in 2018 Explores the use of media queries in responsive design today, how they work alongside Flexbox and Grid Layout, and what’s coming in the future. Rachel Andrew Here’s How Google Chrome’s New Ad Blocker Works Google Chrome will soon begin… Read More

Frontend Focus Issue 325 — January 31, 2018 How to Use Variable Fonts in the Real World Using variable fonts (now supported across multiple browsers) in a real production context can be tricky. Here’s how studio Clearleft achieved it for a new conference website. Richard Rutter Recreating the GitHub Contribution Graph with CSS Grid Recreating… Read More

Frontend Focus Issue 324 — January 24, 2018 Bootstrap 4 Released After a lengthy beta, the final release of the fourth version of popular frontend toolkit Bootstrap is here. No breaking changes. Mark Otto, Jacob Thornton, and Bootstrap contributors Using CSS Clip Path to Create Interactive Effects As a kid, did you ever cut out… Read More

Frontend Focus Issue 321 — December 19, 2017 In this issue, we’re taking a look back at the most popular links of 2017. It’s a great opportunity to catch up with the bigger stories that caught everyone’s imagination in the world of frontend development this year. We’re now taking a break for Christmas and will… Read More

Frontend Focus Issue 320 — December 13, 2017 Understanding CSS Layout and the Block Formatting Context “Understanding what a BFC (Block Formatting Context) is, why it works, and how to create one is useful and can help you to understand how layout works in CSS.” If you’ve ever wondered what overflow: auto actually does, you… Read More

Frontend Focus Issue 319 — December 6, 2017 Web Content Accessibility Guidelines For People Who Haven’t Read Them A detailed look over the WCAG – a starting point in making your sites work better for all. Alan Dalton How Stripe Designs Beautiful Websites Examining the tips and tricks used to make Stripe’s frequently copied site… Read More

Frontend Focus Issue 318 — November 29, 2017 Building Accessible Web Menu Systems A deep exploration of creating accessible menus for the Web, starting from defining exactly what a menu even is. Smashing Magazine Generating Wireframe Boxes with CSS and HTML5 A really neat look at a technique for using CSS and data attributes to… Read More