Smashing Book 6: New Frontiers In Web Design
Foreword

1

Making Design Systems Work in the Real World

Roadblock #1: The Team Isn’t Using the Design System
Roadblock #2: Management Doesn’t Support Your Design System
Roadblock #3: Your Design System Stalls
A Roadmap for a Successful Design System
A Design System Is About People
The Gist of Accessibility in SPAs
Semantic Structure in JavaScript Apps
Interactivity
Focus Management
Notifying Users
Putting It All Together
Maintaining Accessibility in Your Single-Page App
Accessibility Rules of Thumb in Single-Page Apps
Conclusion
Getting Into a Grid Mindset
Box Alignment
Responsive Design
Browser Support and Fallbacks
Feature Queries
Grid Layout in IE10 and IE11
How to Add Grid Components to an Existing Site
Grid Alongside Other Tools and Techniques
Is Grid Really Ready for Us to Use Now?
Learning Grid Layout: Tutorials and References
Getting to Know Custom Properties
Dynamic and Static Variables
Global and Local Variables
When to Use Custom Properties
Don’t Be Too Clever
Change the Value, Not the Variable
Strategies for Responsive Design
Strategies for Theming
Strategies for Refactoring
Strategies for Accessibility
Strategies for Using Custom Properties Today
The Life of a Service Worker
Anatomy of a Basic Service Worker
Fetch API
Working with Caches
Generating Custom Responses
Classic Service Worker Recipes
Pre-Caching Application Shell Resources
Defining Network Strategies
Maintaining and Versioning Service Workers
The Channel Messaging API
Web Push and Notifications
Background Sync
The Future
How Browsers Load Resources
Early Delivery
Priorities
Delivering the Right Content at the Right Time
Full Bandwidth Pipe
Minimal Content
Contention Avoidance
Minimizing Latency
Control Over Third Parties
In Summary
From Theory to Practice
Creating Conversational Experiences
Parting Words
Picking the Right Bot Framework
Setting Up Intents
Put Your Faith in None of the Above
Extracting Entities
Plunging into a Waterfall: a Bot Conversation
Help Bots and Phone Trees: Bringing the Dark Side of Bots into the Light
The New Hope
Conversational UX Best Practices
Context Is King: the Next Bot Frontier
Mobile, Wearables, and More: Chatbot Channels
What’s Next: Bot Future so Bright, Gotta Wear Ear-Muffs
Summary
Benefits of Building VR for the Web
Introducing the WebXR Device API
Designing Your VR Scene
Interactivity
Walking Around
Social VR
Audio
Optimizing for Performance
Physics and Interactions
What I Wish I Had Known When I Began
Further Reading
Breaking Out by Breaking In
Humans Connect to Humans
Personality Is Never Perfect
Choose One Thing and Boost It Up
Why Custom Illustrations Work Better Than Stock Photos
Pick a Trend and Smash It to Pieces
Do Make People Think
Offboarding Matters
Make Boring Interesting
Find a Pain Point and Solve It Well
Exceeding Expectations by Default
The Two Sides of Personality
The Signature at the Heart of the Design
Wrapping Up

A Strategy Guide to CSS Custom Properties

Unlock This Title

You do not have access to this section. Get the full version of this title with a SitePoint Premium Account.

Start Free TrialRead Free Preview

Already a Premium member? Sign In

Community Questions