#398 — July 3, 2019 |
Frontend Focus |
Google Wants to Make The 25-Year-Old Ravie Lakshmanan |
CSS Custom Properties in the Cascade — Custom properties, also known as CSS variables, provide a way to define and reuse property values, but how do they work in relation to CSS’s cascading abilities? Miriam Suzanne |
Free Course: Get Started with JavaScript by Kyle Simpson 👍 — Get three free courses: Getting Started with JavaScript, Complete Intro to Web Development & Practical Introduction to Algorithms free by signing up for a trial account – no credit card required. Frontend Masters sponsor |
Tips for Rolling Your Own Lazy Loading — Various lazy loading techniques can often come with their own baggage, so here’s how to add your own implementation to your site. Phil Hawksworth |
TWGL.js: A Tiny WebGL Helper Library — If you want to write and use actual WebGL but for it to be easier and less verbose, this is for you and the code comparisons will win you over in seconds. Gregg Tavares |
How Google Pagespeed Works: How to Improve Your Score — A look at how PageSpeed calculates its critical ‘speed score’ which not only reflects user experience but also has some input into how Google will rank your site. Ben Schwarz |
💻 Jobs |
Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team |
Frontend Engineer at Goodreads (Amazon) — Join Goodreads to build the frontend of a highly ambitious product that supports reading activities of more than 80 million readers. Goodreads |
100+ Frontend Roles on hackajob 🎉 — Upload your GitHub projects and we'll do the rest. Find a role based on your skills, average salary £70k. hackajob |
📙 News, Tutorials & Opinion |
▶ CSS Line Layout and Vertical Rhythm — This session from the recent CSS Day conference, goes over upcoming features to improve CSS’s line box model, to control half-leading, and to maintain vertical rhythm. Elika J. Etemad |
Getting Started with Offline Data in Web Apps — A look at different options for determining the user’s online/offline status and connection speed. Brian Rinaldi |
▶ Discussing SVGs with Sara Soueidan — Wes Bos talks to Sara Soueidan, a freelance frontend UI developer and trainer, about all things SVG. Covers animation, accessibility, graphing, filters and more. Syntax podcast |
The State of JavaScript: 2019 and Beyond. Get the Whitepaper Progress Kendo UI sponsor |
The Ultimate Guide to Flexbox Centering — A solid reference with handy visuals. Onextrapixel |
How To Create a PDF From Your Web Application Rachel Andrew |
Firefox Wants to Help You Fool Ad Trackers With 100 Useless Browser Tabs Janko Rottgers |
🔧 Code, Tools & Resources |
CSS Doodle: A Web Component for Drawing Patterns with CSS — A Custom Elements-based component that builds an internal grid of DIV elements and then populates them using CSS to create patterns. Yuan Chuan |
static-site-boilerplate: A Better Workflow for Building Modern Static Websites — A boilerplate that takes care of automated build processes, a local development server, production minification and optimizations and more. Eric Alli |
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 |
The Best Open-Source Typefaces — A collection of some of the best free fonts from Google and across the web, with examples, recommended pairings, OpenType features, and more. Chad Mazzola |
SVG-Edit: A Powerful Browser-Based SVG Editor — A fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser. SVG-Edit |
|
🕰 ICYMI (Some older stuff that's worth checking out..)
|