#438 — April 29, 2020 |
Frontend Focus |
Current browser support for CSS math functions. Via: caniuse.com
▶ Kevin Powell |
Accessible Font Sizing, Explained — Bootstrap core team member Andrés Galante runs through how we can ensure our font sizes are accessible by asking what sort of best practices we can rely on to make an accessible reading experience. CSS-Tricks |
Learn Advanced Creative Coding with WebGL & Shaders — Go deeper into creative coding. Join Matt DesLauriers to learn 3D vectors and shader effects using WebGL, ThreeJS, and GLSL. Frontend Masters sponsor |
CSS for Internationalisation — An excellent guide to the various features in CSS that can be used as part of an internationalisation strategy that goes beyond mere translation. Chen Hui Jing |
AMP Introduces 'User-Friendly' Content Encryption Support — AMP aims to be all about providing speed to mobile consumers of content but paywalls just, well, get in the way. So Google and the AMP folks have come up with a way where protected content can be served and unlocked client-side for more performance. Cynically, of course, you could consider this yet another form of DRM for Web content... The AMP Blog |
Responsive Web And Desktop Development With Flutter — A look at the current state of Flutter for browser-based apps and how to create a responsive app using it. Carmine Zaccagnino |
💻 Jobs |
Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery |
Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team |
ℹ️ Interested in running a job listing in Frontend Focus? There's more info here.
📙 News, Tutorials & Opinion |
Spacing in CSS — This is pretty much everything you need to know about spacing in CSS, covering grid layout, flexbox, positioning, and lots more. Ahmad Shadeed |
▶ Performance Profiling for Web Applications — An overview of how to use Chrome DevTools to understand a Web application’s performance bottlenecks. Sam Saccone |
JS VidCon - Virtual Conference for Developers — JS VidCon, on May 7th, where developers from all over the world can share & gain knowledge from the comfort of their home. EventHandler sponsor |
Gardened — A thought-provoking piece by Ethan that looks at some of the problems inherent in our self-regulated industry, in particular related to performance and accessibility. Ethan Marcotte |
CSS Clamp: The Goldilocks of CSS Math Functions — As with the video featured above, here's a quick look at how to use Steve Fenton |
Creating A Lightweight CSS-Only Tooltip for All Screen Sizes Ted Krueger |
How to Make A Reading Progress Bar for Your Blog Rob OLeary |
🔧 Code, Tools and Resources |
98.css: A Design System for Building Faithful Recreations of Old UIs — If for any reason you need to your interface to look like Windows 98 then this library has you sorted. Here’s the associated repo. Jordan Scales |
Color Accessibility: Tools and Resources to Help You Design Inclusive Products — We’ve linked to this before, but it’s recently been updated and remains a solid resource. Stéphanie Walter |
Will It CORS? — A handy online tool/wizard for establishing how your (potential) use case will (or won’t!) operate alongside CORS (Cross-Origin Resource Sharing). HTTP Toolkit |
Faster CI/CD for All Your Software Projects Using Buildkite Buildkite sponsor |
Shorthand: A CSS Framework for Designers — Includes a “lite” (only gray) and “full” version. This is similar to utility class-based frameworks, so the draw here is that you don’t have to write any CSS, just add classes. Jiten Bansal |
1loc: A Collection of One-line JS Snippets — A neat little collection of vanilla JavaScript one-liners divided into various categories (arrays, date/time, DOM, etc). Nguyen Huu Phuoc |
🕰 ICYMI (Some older stuff that's worth checking out...)
|