Links
Styling Empty Cells With Generated Content And CSS Grid Layout
Ever wondered how achieve styling of empty grid cells without adding redundant empty elements? Well, CSS Generated Content can help you do just that.
Replacing jQuery With Vue.js: No Build Step Necessary
Did you know that you can incorporate Vue into your project the same way that you would incorporate jQuery — with no build step necessary? Let's cover some common use cases in jQuery and how we can switch them over to Vue, and why we’d even want to do so.
3 Superpowers of the Flex-Box Model — How flex-basis, flex-shrink and flex-grow work.
Learn how flex-basis, flex-shrink and flex-grow work. How the flex-basis, flex-shrink and flex-grow are calculated.
The JavaScript Learning Landscape in 2018
Like a lot of people, though, I’m intimidated by the current JavaScript landscape. With the constant influx of new tools, techniques, and frameworks, it’s hard to figure out where and what to start learning. Still, I need to start somewhere. So I thought a review of learning resources and tools would be a good first step.
Owning the Role of the Front-End Developer
How one developer goes beyond code and fights for a seat at the table.
Videos
Web Fonts are ▢▢▢ Rocket Science, by Zach Leatherman
Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science.
Sponsor
Your Sponsored Link Here!
This is what it could look like if you buy a sponsored link in an issue of Friday Front-End! One link per issue maximum. Get in touch today!