#374 — January 16, 2019 |
Frontend Focus |
When And How To Use CSS Multi-Column Layout — Rachel Andrew, co-editor of the multi-column spec, explains why it is different to other layout methods, and where you may want to use it. Smashing Magazine |
Big Win for Web Accessibility in Domino's Pizza Case — The 9th District Court has ruled that the Americans with Disabilities Act (ADA) applies to Web sites meaning that US courts can now order companies to make their sites WCAG 2.0 compliant. Law Office of Lainey Feingold |
Cheat Sheet: Functional Programming with JavaScript — JavaScript developers, here’s a handy resource for your reference stack. Download this handy resource containing short definitions, tips, code examples of arrow functions and more. Get your copy. Progress Kendo UI sponsor |
Firefox 69 Will Have Flash Disabled by Default — Mozilla has announced that Adobe Flash will be disabled in Firefox 69 (due for release in September). Mozilla plans to remove the plugin from its browser entirely in 2020. Paul Hill |
Web Standards: The What, The Why, And The How — A look at the history of Web Standards, how to use them in your work, plus ways you can get involved in making them. Amy Dickens |
An Introduction to CSS Containment — A handy explainer on what the draft Manuel Rego Casasnovas |
The Developer’s Guide to Native Web Animation — A look at native animation options currently available, and what the differences between them are. Lisi Linhart |
💻 Jobs |
UI Engineer, Design Systems (San Francisco) — As a UI Platform Engineer at Uber, you'll be building Base UI, Uber's design language for all web applications at Uber and beyond. Uber |
Find A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers. Vettery |
📘 Articles, Opinion & Tutorials |
Creating Accessible SVGs — A detailed look at accessibility considerations when working with Scalable Vector Graphics (with plenty of code examples). Carie Fisher |
Designing Layouts for Screen Readers — A straightforward guide to making a page easy to use, navigate and read for users of assistive technology. Ben Robertson |
▶ What CSS Taught Me — A reflection on 20-years of building websites, with a particular focus on CSS. Dan Cederholm |
Stepping Away From Sass — A developer shares some examples of how they’ve stopped using Sass thanks to CSS Grid and custom properties. Cathy Dutton |
Piecing Together Approaches for a CSS Masonry Layout — A few different ways to approach creating a masonry layout in CSS. Chris Coyier |
Get Started: A MongoDB Aggregation Framework Guide from Studio 3T Studio 3T sponsor |
How To Build a Captivating Presentation Using HTML, CSS, & JavaScript Emma Wedekind |
Designing the Flexbox Inspector — The Flexbox Inspector, designed to help devs understand sizing, positioning and nesting of Flexbox elements, is due to land in Firefox 65 later this month. Here’s a look at what went into making it. Victoria Wang |
Why We Need CSS Subgrid — The author argues that whilst the CSS Grid spec “is amazing” there’s still “a gap to be filled by Ken Bellows |
▶ The Most Annoying Website — A humorous look at the ‘power’ of the web platform and various APIs. Feross Aboukhadijeh |
Dissecting Frontend Job Titles — An attempt to break down the common career labels and designations found in the frontend space, bringing a little clarity on the supposed nuances between them all. Rachel Manning |
Compiling Go(lang) to WebAssembly — For many years JavaScript has been the way to write front-end logic, but WebAssembly opens up options as a compilation target for other, traditionally server-side languages. James Milner |
▶ Firefox Dev Tools for Layout — As of Firefox 65 (in beta), you can inspect layouts that use Flexbox and CSS Grid easily. Here’s a quick look at how. Jad Joubran |
Quick Tip: Scroll An Element Into The Center of The Viewport Hidde de Vries |
🔧 Code and Tools |
Chrome Extension: CSS Feature Toggles — A devtools extension to toggle support of selected CSS features for testing progressive enhancement fallbacks. Keith Clark |
ZingGrid: Make Responsive, Interactive JavaScript Data Grids & Tables — Create data grids and tables with built-in layout modes, multiple column types, drill-down options, and more with ZingGrid. ZingGrid sponsor |
Libraries To Help You Work with WebGL — Working with WebGL directly can get very verbose and technical quickly, but luckily there are libraries and toolkits to make it easier. Arek Nawo |
Anime.js 3.0: A JS Animation Library for the Web — A mature and powerful animation library takes another step forward with a new site, new documentation and examples, new easings, new callbacks, and more. Julian Garnier |
Designing the Flexbox Inspector — The Flexbox Inspector, designed to help devs understand sizing, positioning and nesting of Flexbox elements, is due to land in Firefox 65 later this month. Here’s a look at what went into making it. Victoria Wang |
Shop Like a Developer – Discover and Experiment with Hot New Cloud Services 🔥 Manifold sponsor |
Conic Gradient Patterns — Taking a CSS pattern and using the Yuan Chuan codepen |