Using variable fonts (now supported across multiple browsers) in a real production context can be tricky. Here’s how studio Clearleft achieved it for a new conference website. Richard Rutter
Recreating layouts is a great way to learn new frontend technologies, and recreating GitHub’s famous contribution graph is an interesting task. Ire Aderinokun
The rise in frontend complexity stems from an increased diversity of clients, a higher quality bar, and huge market growth. Kevin Ball
Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy. Progress Sponsor
An overview of the concepts and techniques involved in running test scripts against browsers using WebDriverJS on Windows 10 and Microsoft Edge. Smashing Magazine
Smashing Magazine’s founder Vitaly Friedman on crafting flexible responsive design systems using the latest web technologies. Vitaly Friedman
The next version of IndexedDB, an API for working with a client-side database of records holding simple values and hierarchical objects. W3C
Jobs In Brief Safari 11.1: Service Workers, Payment Request API, and more news A few compelling new features in the latest Mac and iOS browser. Apple WCAG 2.1 Now A W3C Candidate Recommendation news The latest Web Content Accessibility Guidelines (WCAG). Andrew Kirkpatrick Enter The 'Dragon (Drop)': Accessible List Reordering tutorial Dragon Drop is a drag-and-drop list reordering module that works well with screen readers and other assistive technology. Harris Schneiderman Serverless Development with Node.js, AWS Lambda & MongoDB Atlas tutorial mongodb Sponsor Choosing Web Fonts: A Beginner's Guide tutorial Google Design Phone Number Links and Accessibility tutorial Styling phone numbers on different clients while following WCAG 2.0 guidelines. Matt Smith The Building Blocks of Web Workers and 5 Cases for Their Use tutorial A way to run JS in background threads in the browser. Alexander Zlatkov The Compact Guide to Web Maintainability: 200 Tips and Resources tutorial Jens Oliver Meiert How to Style a Form with Tailwind CSS tutorial Nick Basile Building a Modal Component with Vue.js tutorial Filipa Lacerda What's New in Chrome 64's DevTools in 3 Minutes video Google Chrome Developers Why Your Site is Slow Pantheon Sponsor Debugging CSS Performance with Chrome's Profiling Tools story How a tricky problem was analyzed using Chrome’s tools. Dan Roberts A Tale of Two Rooms: Understanding Screen Reader Navigation opinion Ryan Jones Please Stop Using 'Local Storage' opinion Why you should stop using it to store session data. Randall Degges Challenges for Web Developers opinion Paul Kinlan shares some of the challenges he believes developers now face every day. Paul Kinlan Why Japanese Web Design Is (Still) the Way It Is opinion Doug McGowan Bulma: A CSS Framework to Consider in 2018 opinion Mat Writes Get the Best, Most Complete Collection of Angular UI Controls: Wijmo tools Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, and the best data grid. GrapeCity Wijmo Sponsor Clippy: A CSS 'clip-path' Maker Tool tools Bennett Feely purgecss: A Tool to Remove Unused CSS tools Full Human Sockette: The Cutest Little WebSocket Wrapper code A 339 byte wrapper around WebSocket that auto reconnects if the connection drops. Luke Edwards |
No comments:
Post a Comment