#405 — August 21, 2019 |
Frontend Focus |
Microsoft Introduces 'Ready for Everyday Use' Beta of Its Chrome-Based Edge Browser — Available for Windows and macOS, the beta release of Edge is the third and final preview release of Microsoft’s new Chromium-based browser, although Microsoft is declaring it ‘ready for everyday use’ with this release. It also includes the ‘Internet Explorer mode’ for back compatibility with IE 11. Time to get testing. Joe Belfiore (Microsoft) |
▶ Is CSS a 'Programming Language'? — An hour long conversation asking questions about the label CSS carries, and picking apart if being designated a ‘programming language’ would encourage uptake, or if such characterization may end up being an exercise in exclusion — and ultimately whether it even matters. Heydon Pickering and Stephen Hay podcast |
GraphQL Tutorials for Frontend Developers — Learn GraphQL by doing in just 2 hours with these open-source tutorials for React, ReactNative, Vue, Angular, Elm, Android, iOS, Flutter & ReasonML developers. Hasura sponsor |
Optional HTML: Everything You Need to Know — A good look at optional code (such as the quotation marks of an attribute value), and how the balance between understandability and performance don’t need to be at odds with each other. Jens Oliver Meiert |
Daniel Brain |
Google to Deprecate FTP Support in Chrome — By version 82, shipping in Q2 of 2020, all FTP support will be removed from Chrome. This is expected to affect around 0.1% of users though if you do still offer downloads in an FTP-only form, now is the time to upgrade. Paul Hill |
Custom Elements for The Immersive Web — An introduction to Fernando Serrano |
💻 Jobs |
Senior Software Engineer - Frontend (100% Remote) — Do you have a solid understanding of web technologies and want to design, implement, and launch major user features? Apply now. Close |
Frontend Engineer - In Dili, Timor-Leste or Possibly Remote — Work with people globally to create change, using technology to empower people, through our programs in aid and global development. Catalpa International |
Frontend developers are in demand on Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers. Vettery |
📙 Articles, Tutorials & Opinion |
Efficiently Load Third-Party JavaScript — How to avoid the common pitfalls of using third-party scripts to improve load times and user experience. Milica Mihajlija |
Lazy Load Embedded YouTube Videos — Here’s a clever idea via Arthur Corenzan which avoids using the default YouTube embed — which adds a sizeable number of resources to a page. CSS Tricks |
Accessibility for Web Developers. Get the Whitepaper — Learn everything you need to know about accessibility standards, how to conform to the laws and what this means to you. Progress Kendo UI sponsor |
The (Upcoming) WordPress Renaissance — The author asserts that the introduction of Gutenberg has made for a “much richer” Wordpress user experience. Here, he takes a look at the CMSs latest developments, and where it is heading next. Leonardo Losoviz |
CSS Can Do This.. And It's Terrifying — A curious look at a few things you can do with CSS, but maybe shouldn’t (including key logging & user tracking). Aaron Powell |
Variable Font Animation with CSS and Splitting JS — A look at what variable fonts are, and how they can be animated with CSS and a little bit of JavaScript. Michelle Barker |
The evolt.org Browser Archive Is 20 Years Old — When this browser archive launched in 1999 it featured links to 80 different browsers. Adrian Roselli |
Keyboard Accessible Performance Timelines Now in Chromium Microsoft Edge DevTools on Twitter |
▶ Why You Don't Need BEM with Utility-First CSS Adam Wathan |
Roll Your Own Comment System for a Static Site Tania Rascia |
|
🔧 Code, Tools & Resources |
pagemap: A 'Mini Map' for Web Pages — A neat little idea that’s particularly useful on long pages. This adds a clickable/navigable overview of an entire page to the top right corner. Here’s the associated repo. Lars Jung |
Lexend: A Variable Font Designed for Better Reading — This new font family, created with reading proficiency in mind, is now available in Google Fonts — you can read more about its creation here. Thomas Jockin |
Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary Cloudinary sponsor |
Quicklink: Faster Subsequent Page-Loads by Prefetching Visible Links — We shared this project from Google Chrome Labs last year - but it has just seen an update. It aims to make subsequent page loads quicker by prefetching links that are currently in the viewport during idle time. Google Chrome Labs |
extra.css: A CSS Houdini Library — ..with plenty of fun effects. Una Kravets |
An Accessible, Simple, and CSS-Only Styled Checkbox Jen Simmons codepen |
|
🕰 ICYMI (Some older stuff that's worth checking out..)
|