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


Read this e-mail on the Web FrontEnd Focus Issue 285 — April 12, 2017 Debugging Tips and Tricks for Front-End Developers A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging. Sarah Drasner EdgeHTML 15, a Major Update to Microsoft’s Edge Browser A major release






Read More


Read this e-mail on the Web FrontEnd Focus Issue 284 — April 5, 2017 Chrome Devtools’ New ‘Code Coverage’ Feature It’s in Chrome Canary only for now, but it shows you which lines were and weren’t used in each JS/CSS file. LogRocket Does CSS Grid Replace Flexbox? A question that might be on your mind






Read More


Read this e-mail on the Web FrontEnd Focus Issue 283 — March 29, 2017 Practical CSS Grid: Adding Grid to An Existing Design Eric Meyer looks at the process behind converting existing designs to CSS Grid without breaking non-supporting browsers. Eric Meyer Preload, Prefetch And Priorities in Chrome Addy Osmani digs deep into Chrome’s networking






Read More


Read this e-mail on the Web FrontEnd Focus Issue 282 — March 22, 2017 Do you use React? If so, check out React Status. It’s our sister newsletter dedicated to React and React Native. The latest issue is here. 🙂 How to Use HTML5 Custom Data Attributes (and Why) Gajendar Singh explains HTML’s custom data






Read More