The IssueWhile building out an unnecessarily complex header component for a client project, I discovered that the calc() function I used in one of my width declarations was not being honored in IE...

Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities. Remember, Christmas is a time of good will to all, no matter if you have difficulty seeing, hearing, reading, or just have a very shiny nose.

Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down.…

Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App

Stephanie Drescher is making a list and checking it twice to introduce an open source web linting tool that will help identify parts of your site that are naughty or nice. So roll up your sleeves and brush up on your best practices – there’s websites to fix.

There may be low-hanging fruit 🥝 affecting performance in areas you might not track very closely but are still important.

In this blog post, I take a different approach to explaining `this` in JavaScript: I pretend that arrow functions are the real functions and ordinary functions a special construct for methods. I think it makes `this` easier to understand – give it a try.

Slides: http://www.xanthir.com/talks/2017-06-16/ About Tab: http://www.xanthir.com/ More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf Receive…

A few months ago, Affinity ventured into new territory for front end engineering: mobile. Since many of our users are busy executives who…

Whether you're starting to learn about CSS Grid or already use it in production, Firefox's Grid Inspector is very useful. This article covers known and obscure features of Firefox DevTools that can come in handy when you're building and debugging CSS Grid…

Learn the basics of Webpack and how to configure it in your web application.

Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down.…

We have all experienced the pain of getting started with React. You spend hours to configure webpack before you can start actual coding. Create React App was…

Learn how to assign children to routes in a Vue.js web application to act as nested views that create multi-level user interfaces.

Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.

tl;dr

GIFs are awesome but terrible for quality and performance
Replacing GIFs with is better but has perf. drawbacks: not preloaded, uses range requests
Now you can <img src=".mp4">s in Safari Technology Preview
Early results show mp4s in tags display

Vue.js allows us to handle events triggered by the user. Handling events helps add interactivity to web apps by responding to the user’s…