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

Read this e-mail on the Web FrontEnd Focus Issue 287 — April 26, 2017 WebExtensions 101: How to Create a Modern Browser Extension No C needed, you can now easily build browser extensions using standard Web technologies. Benjamin Young Getting Started with CSS Grid Layout We’ve brought together the best/most useful resources and tutorials from… Read More

Read this e-mail on the Web FrontEnd Focus Issue 286 — April 19, 2017 It’s Time To Start Using CSS Custom Properties CSS Custom Properties (aka CSS variables) are now supported in all major browsers and they offer a lot of possibilities to Web developers, as seen in this thorough overview. Serg Hospodarets Replacing a… Read More