Links
Designing Accessible Navigations
By mindfully adding accessibility features to your sites like an accessibility menu, keyboard shortcuts, and robust rotor compatibility, you can ensure that you are providing the best experience to all users.
What is the CSS ‘ch’ Unit?
So however wide the “0” character is in a given typeface, that’s the measure of one
ch
. In monospace (fixed-width) fonts, where all characters are the same width,1ch
equals one character. In proportional (variable-width) fonts, any given character could be wider or narrower than the “0” character.
CSS Grid in IE: Debunking Common IE Grid Misconceptions
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many years away. If the only thing holding you back from that reality is IE11, then you’re in luck! That day is today!
How to Use Emojis as Single-Color Icons
Adding to that, icon image resources will need to be fetched by your webpage whereas emojis are simple characters that’re similar to text and are already present in your HTML, making them a better alternative to traditional icon images.
How and Why We Unit Test Our Sass
When design systems are the source of truth and subscribers have easy access to code, it's important that code is well-tested. Lindsey shares how we unit test our Sass and how you can too.
Videos
The Cost Of JavaScript, by Addy Osmani
As the world build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. Addy Osmani explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile. Addy also shares tips for fixing JavaScript performance issues so everything loads quicker. A little discipline can help if you want your site to load and be interactive as soon as possible on mobile.
Sponsor
Want Your Link Here?
You can add your link to Friday Front-End by sponsoring an upcoming issue! We only accept one link per issue, so get in touch right away!