#410 — September 25, 2019 |
Frontend Focus |
Inconsistent Behavior Among Browsers When Clicking on Buttons? — Upon noticing that browsers handle a Zell Liew |
Wikipedia's JavaScript Initialization on a Budget — As one of the world’s most heavily used sites, Wikipedia wants to keep things running as quickly as possible, including delivering all of their JavaScript within 28KB. Here’s what they’ve done to (almost) reach the goal. Timo Tijhof |
Want a Better Way to Store and Serve Images and Videos? — Join a community of over 400K web and mobile developers dynamically managing rich media with Cloudinary. Try it free. Cloudinary sponsor |
Browser Engine Diversity — Some thoughts on the decreasing diversity in the browser space: “What we may have lost in browser engine diversity we may gain back in the openness of browser engines and outside players stepping up.” Chris Coyier |
An HTML Attribute Potentially Worth $4.4M to Chipotle — The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. Jason Grigsby |
Filtering Data Client-Side: Comparing CSS, jQuery, and React — Let’s say you have an unordered list of names (or a similar type of data) and you want to filter them client-side, what’s the best way to do it? Here are live code examples of three options. Chris Coyier |
💻 Jobs |
Mobile App Developer Wanted for High-Growth Fundraising Platform — Join a dispersed team of thinkers and tacticians; micromanagers are non-existent. We have a big vision, and everyone embraces it. CareersJS |
Find a Frontend job through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery |
📙 Articles, Tutorials & Opinion |
Variable Fonts & The New Google Fonts API — A look at how variable fonts (and the related syntax) are going to work in Google Fonts going forward. Jason Pamental |
▶ Mind The Gap, User Centered Design in Large Organizations — Luke’s talks are always filled with great insight, examples and real-world data to back up his thoughts. Here he talks about the gaps that often appear between customer and company, and idea and implementation at large companies - often resulting in user hostile practices. Luke Wroblewski |
Designing Complex Responsive Tables in WordPress — What you need to know about designing complex tables for mobile visitors in WordPress. Suzanne Scacca |
Smoother and Sharper Shadows with Layered Tobias Bjerrome Ahlin |
Get a User's-Eye View of Your Systems with Datadog Synthetics Datadog Synthetics sponsor |
Intelligent Tracking Prevention (ITP) Version 2.3 in Safari — ITP 2.3 includes updates to the Storage Access API, and introduces two new further steps to combat so-called link decoration (for the purposes of cross-site tracking). John Wilander |
How to Build Unique, Beautiful Websites with Tailwind CSS — A look at how to use Tailwind, a highly customizable CSS framework. Ivaylo Gerchev |
More Options to Help Websites Preview Their Content On Google Search John Mueller (Google) |
🔧 Code, Tools & Resources |
augmented-ui: A 'Futuristic, Cyberpunk-inspired' UI Library — The repo is here, and you can see examples of the look here. PropJockey |
Workbox: JavaScript libraries for Progressive Web Apps — We've linked to this popular collection of libraries before - version 5.0 is currently in beta. |
The 10 Best Chrome Extensions for Product Designers Brendan Mahony |
100,000 Free-to-Download AI-Generated Faces — You could use these for avatars, testing, etc. though they're being offered on a non-commercial only basis for now. Another way to generate such faces is to refresh This Person Does Not Exist. Generated Photos |
|
🕰 ICYMI (Some older stuff that's worth checking out...)
|