Links
Mastering Maps: Build a Flexible Variable System in Sass
Sass maps give you clearer, more flexible variables — learn how to make a map-powered stylesheet with some basic examples.
Applying Styles Based on the User Scroll Position with Smart CSS
By mapping the current scroll offset to an attribute on the html element we can style elements on the page based on the current scroll position. We can use this to build, for example, a floating navigation component.
Learn React App
Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the ground with React!
Vue Interactive Demo Tutorial
A blog post-shaped codepen tutorial to teach the basics of Vue and how it works, with multiple interactive elements and code examples to hopefully illustrate Vue's core principles in an easy-to-understand way.
JavaScript Regular Expressions for Regular People
Regular expressions, also known as regex or regexp, is a difficult subject to tackle. Don’t feel ashamed if you’re not 100% comfortable with writing your own regular expressions yet, as it does take some getting used to. My hope is that by the end of this article, you’ll be one step closer into rocking your own expressions in JavaScript without the need of relying so much on copypasta from Stack Overflow.
Videos
The “C” Is For Accessibility, by Evangelina Ferreira
Screen readers, semantics, label tags, aria and alt attributes… All these things are essential instruments of accessibility; but so are contrast, visibility, pseudo-elements and many others. CSS’s impact on users with disabilities is many times underestimated, which leads to deficiently written code that affects the lives of many of our users. In this talk we will learn how our CSS code affects accessibility and how we can write more responsible stylesheets.
Sponsor
Want to See Your Job Listing Here?
It's hiring season, so we've expanded our sponsored link offerings for the new year. You can now post your job listings to Friday Front-End for half the cost of a standard sponsored link! See our sponsorship page for more details.