Frontend Focus Issue 292 — May 31, 2017 11 Things I Learned Reading The Flexbox Spec A run through some of the ‘good bits’ of the CSS Flexible Box Layout specification. David Gilbertson Just Keep Scrolling: How To Design Lengthy, Lengthy Pages Scrolling opens a lot of doors to designers but isn’t without its drawbacks.… Read More


Frontend Focus Issue 293 — June 7, 2017 Designing Efficient Web Forms: Structure, Inputs, Labels & Actions Users can be reluctant to fill out forms, so make the process as easy as possible. Usability testing can help you find out how usable a particular form really is. Nick Babich Chrome 59 Released to Stable Channel… Read More


Frontend Focus Issue 294 — June 14, 2017 If you’re in the UK or Europe, we’ve teamed up with White October to bring a two day ES6 workshop with You Don’t Know JS author Kyle Simpson to London. Tickets are available now 🙂 Leveraging the Paint Timing API to Improve User Experiences Last week we… Read More


Read this e-mail on the Web FrontEnd Focus Issue 294 — June 14, 2017 Leveraging the Paint Timing API to Improve User Experiences Last week we linked the video, now here’s a full write-up focusing on the Paint Timing API. Google Developers Breaking Out with CSS Grid Explained A recent demo from Tyler Sticka demonstrated… Read More


This week’s HTML, CSS and browser tech news — Read this e-mail on the Web FrontEnd Focus Issue 293 — June 7, 2017 Designing Efficient Web Forms: Structure, Inputs, Labels & Actions Users can be reluctant to fill out forms, so make the process as easy as possible. Usability testing can help you find out… Read More


This Week’s HTML, CSS and Browser Tech News — Read this e-mail on the Web FrontEnd Focus Issue 292 — May 31, 2017 11 Things I Learned Reading The Flexbox Spec A run through some of the ‘good bits’ of the CSS Flexible Box Layout specification. David Gilbertson Just Keep Scrolling: How To Design Lengthy,… Read More


Read this e-mail on the Web FrontEnd Focus Issue 291 — May 24, 2017 Chrome DevTools: State of the Union 2017 Filmed at Google I/O, Paul Irish runs through new Chrome DevTools features in 41 minutes. Google Chrome Developers Fluid Responsive Typography with CSS Poly Fluid Sizing How to create scalable, fluid typography across multiple… Read More


Read this e-mail on the Web FrontEnd Focus Issue 290 — May 17, 2017 Introducing Mavo: Create Web Apps Entirely By Writing HTML Mavo is a new tool to help create web applications. It turns static HTML into reactive web apps without a single line of code or a backend. Get the beta here. Lea… Read More


Read this e-mail on the Web FrontEnd Focus Issue 289 — May 10, 2017 Britecharts: A D3.js-Based Client-Side Charting Library Based on D3.js v4 and built around reusable components, Britecharts makes it easy to declaratively build charts and visualizations, such as this. There’s lots of info in this introductory post too. Eventbrite Modern Media Queries:… Read More


Read this e-mail on the Web FrontEnd Focus Issue 288 — May 3, 2017 Getting Started with Headless Chrome ‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for automated testing or server environments. Eric Bidelman ECMAScript Module Support in Browsers ES module support is arriving in browsers, first… Read More