|
Detecting Hover-Capable Devices — A good look, complete with code examples, at how some new media queries (part of the CSS Level 5 Media Queries spec) can help us target based on input device. Michelle Barker |
Meet Adrian Bece |
The CSV Importer You’ll Love to Build — Flatfile integrates with your app, in minutes, to auto-validate and transform messy spreadsheet data. The slick import wizard guides users through an intuitive import flow and enables your users to import their own spreadsheet data, with confidence. Flatfile Portal sponsor |
Using Performant Next-Gen Images in CSS with Ollie Williams |
Web History: Community — We’ve been sharing Jay’s regular write-ups on the history of the web, and the latest, looking at all things community (think bulletin boards, GeoCities, NeoPets, etc) is out now. An always excellent chronicle, the series is well worth catching up on. Jay Hoffmann |
|
📙 Tutorials, Articles & Opinion |
Media Queries in Times of Max Böck |
Overlay Fact Sheet — A lot of notable signatories from the frontend world on this open letter/information sheet aimed at educating on web-accessibility overlays. Karl Groves |
Chrome Extensions: Clarifying Extension Policies for A Safer, More Consistent Web Store — An update from the Chrome team on refreshed security requirements and clarifications on policy to keep the quality of extensions high, and the experience for developers consistent. Rebecca Soares and Benjamin Ackerman (Google) |
CSS Frameworks in Vogue, But Don't Forget Style Fundamentals — Yes, CSS frameworks are here to stay, but Richard reminds us not to become overly-reliant on frameworks and to learn the fundamentals below the abstractions. Richard MacManus |
Accessible Design: How Much Motion Is Too Much Motion? — A process breakdown of how to create Accessibility compliant interaction design within a framework. Heather Waroff |
Scott Gilbertson opinion |
Remove Guesswork from Website Bugs with Screenshots and Technical Info Bugherd sponsor |
Tips & Tricks for Testing Accessibility with Assistive Technologies
|
Cypress or How I Learned to Stop Worrying and Love E2E
|
The Master Guide to Smooth, Realistic Shadows in CSS
|
Using CSS with ARIA to Enforce Accessibility
|
|
🔧 Code, Tools and Resources |
Indiepen: A Privacy-Friendly Way to Embed HTML, CSS and JS Examples — A privacy-friendly solution to embed HTML, CSS and JS code examples on your site, blog, etc. with no cookies or tracking. Does require some fiddling in hosting your code though. Henrik and André |
Free Chat & Activity Feed APIs for Qualifying Teams — Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project. Stream sponsor |
RTL:WTF: Experiment with Right-to-Left Directionality Online — This site lets you read the web like right-to-left readers do so you can help solve the challenges such readers face while educating you a little about internationalization and accessibility. Moriel Schottlender |
iPod.js: A Working Web-Based JavaScript-Powered 'iPod' — This isn't just a fun UI experiment.. as it can actually connect to either Apple Music or Spotify to play tracks from your library too. Source here. Tanner Villarete |
Resemble.js: Image Analysis and Comparison Library — A Canvas-based approach for performing basic color/brightness analysis of images or to test how two images ‘resemble’ each other. Here’s a live demo. Resemble |
Time.lol: Convert Date and Time to ISO 8601, RFC, Unix Timestamp, Week Number, Any Time Zone, and More
|
Berry: A Free Admin Template Built with React and Material UI
|
Temp API: Test Your Frontend Apps with Temporary REST APIs
|