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

Creating a horizontal navigation control, scrolling on the Web, and Chrome 57 — Read this e-mail on the Web FrontEnd Focus Issue 281 — March 15, 2017 Creating A Horizontal Scrolling Navigation Control A simple guide to creating a scrollable panel for touch use, augmented with click and drag functionality for mouse input. Ben Frain… Read More

— Read this e-mail on the Web FrontEnd Focus Issue 280 — March 8, 2017 Welcome to the (CSS) Grid CSS Grid support is in the now public Firefox 52 and coming in the next Chrome release too. Eric Meyer is excited about the possibilities. Rachel Andrew has similar opinions. Want to get started? There’s… Read More

— Read this e-mail on the Web FrontEnd Focus Issue 279 — March 1, 2017 Progressive Web App Libraries in Production Addy Osmani looks at tools and libraries Google has released to make building fast, modern webapps a reality, including Offline Google Analytics and sw-precache. Addy Osmani Tim Berners Lee on Encrypted Media Extensions (EME)… Read More

— Read this e-mail on the Web FrontEnd Focus Issue 278 — February 22, 2017 How to Use CSS Animations Like a Pro Create animation magic with keyframes, and animation properties like timing, delay, play state, animation-count, iteration count, and more. Ibrahim Nergiz Do We Need A New Heading Element? We Don’t Know Follow-up to… Read More