#409 — September 18, 2019 |
Frontend Focus |
Machine Learning For Frontend Developers With Tensorflow — Charlie Gerard covers how to get started with machine learning using JavaScript and frameworks like Tensorflow.js, and highlights some of the limits of using machine learning in the frontend. Smashing Magazine |
(Why) Some HTML is "Optional" — A little look into why certain HTML tags (such as a closing Remy Sharp |
Image & Video Management Made for Front-End Developers — Simplify and automate the process of uploading, manipulating, optimizing, and delivering images and videos across every device at any bandwidth. Try Cloudinary. See how easy media management can be. Get your own free account today. Cloudinary sponsor |
Firefox Moving to a Faster 4-Week Release Cycle — It’ll only be a couple of years before we reach Chrome 100 and it seems Firefox wants a piece of the action :-) Firefox’s release cadence will be moving from approx 6-8 weeks per version to just 4 from Firefox 71 onward. Mozilla Hacks |
Two Browsers Walked Into a Scrollbar — A quick exercise in styling scrollbars in an unobtrusive, cross-platform considerate manner. Zach Leatherman |
All 245 Entries in The 2019 JS13kGames Competition — We linked to the competition a few weeks back and now the fruits of everyone’s efforts are here to check out and play. Some very impressive results here considering the 13 kilobyte file size limit. Andrzej Mazur |
What's New in Chrome 77 for Developers? — Chrome 77 is rolling out to users now. Here, Pete LePage dives in to what’s new for developers in this latest version. Google Developers |
💻 Jobs |
Can You Help Our Client Migrate to Node.js? Docklands, London — Do you have experience & strong opinions on Node best practices? Come and share your advice with an engaged, friendly team of excellent software engineers. 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 |
Logical Operations with CSS Variables — How to emulate functions like Ana Tudor |
Contemporary Frontend Architectures — A frontend engineer’s perspective on modern web application architecture. Harshal Patil |
Ghost Buttons with Directional Awareness in CSS — Animating the fill of a ghost button such that the background fills up in the direction from which a cursor hovers over it. Jhey Tompkins |
Software Development Partner for CTOs, Product Owners and Tech Leaders — Build or extend your JavaScript team. In days, not months. The Software House sponsor |
CSS Grid: Illustrated Introduction — A detailed, visual look at how to get to grips with Grid. Mustapha Aouas |
Why I'm Preloading A Font Even When I Shouldn't Have to — Talks about the benefits of preloading fonts, even if they’re referenced in inline CSS. Alex Painter |
|
🔧 Code, Tools & Resources |
image-actions: Automatically Compress Images On Pull Requests — This new GitHub Action automatically compresses/optimizes raster images (with minimal setup). Here’s a direct link to the Action. Calibre |
Introducing 'Can I Email' — An idea heavily inspired by Can I Use, a popular index of Web features and their cross-browser support. Can I Email takes the same idea to what different email clients support. Can I Email |
Button Contrast Checker — A straightforward tool to test whether your buttons and links are compliant with WCAG 2.1 contrast guidelines. Aditus |
Accessibility for Web Developers. Get the Whitepaper Progress Kendo UI sponsor |
css-camera — A way to add depth to your web page with CSS3 3D transform. Documentation, and repo here. Mingyu Kim |
Headroom.js: Hides Your Page Header Until Needed — A pure JS widget for hiding elements until needed. Nick Williams |
CSS Card Hover Effect — A nice hover effect for a card style element. Jhonier Riascos Zapata codepen |
|