How CSS custom properties act alongside the CSS 'cascade'
source link: https://www.tuicool.com/articles/qYBjUne
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Google Wants to Make The 25-Year-Old robots.txt
Protocol An Internet Standard — Google has outlined plans to turn robots exclusion protocol (REP) — better known as robots.txt
— into an internet standard after 25 years. Here’s the official blog post announcement from Google .
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 :+1: — 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
:computer: 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 :tada: — Upload your GitHub projects and we'll do the rest. Find a role based on your skills, average salary £70k.
hackajob
:orange_book: 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
:wrench: 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
Upcoming Events
CSSCamp, July 17 — Barcelona, Spain — One-day, one-track conference for web designers and developers.
An Event Apart, July 29-31 — Washington, D.C. — A popular three-day conference that focuses on all things relating to digital design and user experience.
WebAIM: Web Accessibility Training, August 13-14 — Logan, Utah — Covers everything from basic web accessibility principles to advanced accessibility techniques.
Front Conference, August 29-30 — Zurich, Switzerland — A two-day double-track conference for everyone involved from concept to implementation.
Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.
CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.
ICYMI (Some older stuff that's worth checking out..)
- You can now define a simple performance budget in a JSON file for testing as part of a Lighthouse audit -here's how.
- Obinna Ekwuno asks whether the Tailwind CSS framework is 'tomorrow's Bootstrap' .
- Melanie Richards breaks down, step-by-step, how the diverse and complex myriad of screen readers access web content .
- A look at how base64 encoding font files can allow for some moderately interesting workarounds on various blogging platforms.
- How you can use the CSS
env()
feature and a PostCSS plugin to share the same variables between CSS and JS in a single file.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK