#381 — March 6, 2019 |
Frontend Focus |
WebAuthn Approved As Web Standard for Password-Free Logins — The W3C announced earlier this week that the Web Authentication API (WebAuthn) is now an official standard for password-free logins on the web. Emil Protalinski |
Cache-Control for Civilians — An accessible look at what the HTTP Harry Roberts |
New. Cloudflare Registrar - Domain Registration at Wholesale Pricing — Cloudflare Registrar securely registers and manages your domain names with transparent, no-markup pricing. Cloudflare Registrar sponsor |
Microsoft’s New Edge Browser Looks A Lot Like Chrome — Leaked screenshots show the upcoming Chromium-powered browser (which is still being tested internally). Neowin has more screenshots here. Tom Warren |
Web Page Footers 101: Design Patterns and When to Use Each — “A footer is the place users go when users they’re lost.” — Some good tips and advice here on what to consider when building out your site footer. Therese Fessenden |
Building Robust Layouts With Container Units — When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. This article will help you understand how to overcome these limitations using CSS variables & how you can start building with container units. Russell Bishop |
The Firefox Experiments I Would Have Liked To Try — The author has been a member of the Firefox Test Pilot team for a number of years. Here he takes a comprehensive look back on several ideas he would have liked to have explored/implemented within Firefox. Ian Bicking |
💻 Jobs |
Full-Stack Engineer - React/Rails (NYC) — Rapidly growing healthcare startup in the addiction and sobriety space seeking talented developers to help build the future of online addiction and sobriety support. Tempest, Inc. |
Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team |
Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers. Vettery |
📘 Articles, Tutorials & Opinion |
Content-Based Grid Tracks and Embracing Flexibility — A look at how to size CSS Grid tracks based on their content with Hidde de Vries |
Lesser-Known CSS Properties Demonstrated with GIFs — A good collection, visually represented, of several lesser-known CSS techniques. Pavel Laptev |
How to Filter Elements from MongoDB Arrays - With Studio 3T — Learn how to resolve one of the most common problems that plagues those new to MongoDB. Studio 3T sponsor |
▶ Advanced CSS Margins — A roughly ten-minute video exploring the advanced aspects of CSS margins. !important |
▶ How Google Search Indexes JavaScript Sites — Martin Splitt explains how JavaScript influences SEO and how to optimize your JavaScript-powered website to be search-friendly. Google Webmasters |
How to Render 3D in 2D Canvas — Or, more accurately, projecting 3D coordinates into a regular 2D canvas. The effect is striking. Louis Hoebregts |
A/B Testing For Mobile-First Experiences — Tips and advice for implementing A/B testing on mobile for the web. Suzanne Scacca |
Reducing First Input Delay for a Better User Experience James Milner |
Learn How to Manage Domains with DNSimple's API Node.js Mini-Course DNSimple sponsor |
Should You Use Source Maps in Production? — A source map is a file that correlates between a minified version of an asset (e.g. CSS or JavaScript) and the original source code. Chris Coyier |
Max Stoiber |
🔧 Code and Tools |
CSS Lego Minifigure Maker — A fun little demo: Swap heads, change colors, take figures apart. Josh Bader codepen |
react-svg-pan-zoom: A React Component That Adds Pan and Zoom Features to SVG Christian Vadalà |
RFS: Responsive Font Size Engine — Automatically calculates the appropriate font size based on the browser viewport dimensions. Bootstrap |
Take Our ~7min Survey for a Chance to Win a Lego Star Wars TIE Fighter ActiveState sponsor |
utterances: Commenting Widget Built on GitHub Issues Jeremy Danyow |
|