A weekly collection of industry stuff that looks cool. If you have something you'd like to get on the radar submit it here.
Phuoc Nguyen’s One Page Wonders, CSS-Tricks Chronicle XXXVIII, Some Innocent Fun With HTML Video and Progress, A Book Apart Turning 10, Click Once, Select All; Click Again, Select Normally, React in 33 lines, understanding JS module types, and some GitHub protips
ESPN’s Tony Romo Post, Material Design and the Mystery Meat Navigation Problem, Mobile-First Is Just Not Good Enough: Meet Journey-Driven Design, Web Design trends & predictions for 2017, 5 ways to use personas in your projects, 4 Ways I’ve F’d up as a Designer, Foggy thinking in design (and how to cut through it), Terrible UX Trends for 2017, The UX Audit: A Beginner’s Guide, The Importance of Being Compliant
The State of UX in 2017, Don’t Hulk Smash Your Users, Are you looking for an answer or are you asking about impact?, How to Use CSS Shapes in Your Web Design, The Art of Stealing: How to Become a Master Designer, Giving Your Product A Soul, How to Annotate and Document UX Deliverables, The state of design tools in 2017, Designing User-Interfaces for Virtual Reality, Choosing The Right Prototyping Tool
Parallax Interactions in Principle, Auditing the US Presidential Candidates Websites for Accessibility, A Better Way to Measure Website Performance, A Case Study on Boosting Front-End Performance, 8 Clever Tricks with CSS Functions, A few HTML tips, Push.js, A compact, cross-browser solution for the JavaScript Notifications API, Tips for Creating a Truly Functional Mobile Experience, Google dropping “Mobile-friendly” label from search results
`font-display` for the Masses, 10 things you need to learn in design school if you’re tired of wasting your money, ShiftJS, Anatomy of a Pattern in a Pattern Library, UI Animation. Microinteraction for Macroresult, Better keyboard navigation with progressive enhancement, The flexibility of using SVG stroke for web icon, Designing News Products With Empathy: 50 Stress Cases To Consider
Four Things Learned from a Design Critique with Facebook, Flexible typography with CSS locks, Translating CSS for Paged Media with Rachel Andrew, Creating a True Cross-Browser Drop Shadow Effect With CSS & SVGThe Typography of ‘Stranger Things’, Comprehensive Guide to Font Loading Strategies, Prototyping Happiness: A Designer’s Guide, A Glimpse Into The Future With React Native For Web
A Glimpse Into The Future With React Native For Web, Image Upload and Manipulation with React, How I built a progressive BEER App, Fractal, The art of writing microcopy, Changes to web font serving on Typekit, Scaling CSS Components with BEM, REMs, & EMs, Using A Static Site Generator At Scale: Lessons Learned
hackcss, How Browsers will re-shape App Development with Progressive Web Apps, BlazeCSS, Material Kit, The User Experience of Virtual Reality, loader.io, The Service Worker Lifecycle, The #davegoeswindows Finale, The Progress of Web Apps, HTTPS Adoption *doubled* this year
Will Pokémon Go Change the Mobile Landscape?, Facebook lifts the veil on its mobile device testing lab, Why Marketers Should Care About Mobile Page Speed, Coding mobile-first emails, CSS Filter Effects: Blur, Grayscale, Brightness and More in CSS!, Alien Invasions, SVGs and CSS Animations, ServiceWorker: A Basic Guide to BackgroundSync, About Shrinking PNG Images with Quantization, The Business Case for Progressive Web Apps, How Browsers will re-shape App Development with Progressive Web Apps
SpreadMethods for SVG Gradients, Qualities of Successful Pattern Libraries, HTTPS Adoption *doubled* this year, The Progress of Web Apps, The #davegoeswindows Finale, The Service Worker Lifecycle, loader.io, The User Experience of Virtual Reality, Material Kit, BlazeCSS, hackcss
Photoshop Etiquette, Complexion Reduction, A Single Div, Google is working to make every website viewable in VR, Mental Models, anime.js, Motion Detection with JavaScript, What Do I Need to Know to Ace a JavaScript Interview?, React Modal Box
Monkberry.js, React UI Libraries, Progressive Web Apps isn’t a Google-only thing, AMP & Standards, Accelerated Mobile Pages Project Roadmap, Improved Font Loading, Design Thinking: A Manual for Innovation, Are you a UX practitioner?, Astrum, Wireframing: The Hands-On Guide, Web Font preloading for HTML5 games
How Typography Can Save Your Life, Steps to a More Engaging Website, Understanding The CSS Property Value Syntax, Principles of Bot Design, 3 Secrets of the Best Designed Websites in the World, How to Create a UI Prototype Using Adobe XD, Advanced CSS Tricks and Techniques, What’s Flat 2.0 and Why Should You Care?, User Experience Is The Key To Surviving The Adblockalypse, carousel-no-js, What is Angular Material?, Find JavaScript Code Snippets by Functionality with Cocycles, CSS Purge, How Typography Can Save Your Life
The UX of Learning UX is Broken, FrontEnd Design Conference June15-17 2016, The Problem With Intuition In Digital Design, Designers will design, developers will develop, and why you must stop them, The Value of Multi-Typeface Design, Top Ten Mistakes while Implementing Responsive Web Design, Designing Data-Driven Interfaces, How To Utilize Negative Space in Web Design, How To Nail a Design Job Interview, Effective Logo Design, Part 2: Using Nature’s Patterns In Logo Design
Racial Fault Lines in Silicon Valley, FrontEnd Design Conference June15-17 2016, Why designing for delight doesn’t always work, Sublime Tutor, Content-First Prototyping, Making beautiful, interactive maps (with some JavaScript), Variable Fonts for Responsive Design, 10 Things Every Web Designer Should Be Able to Do in Their Sleep, Improving Communication Between Content and Design Teams, Devices as designers
How to create a movement: Trust, transparency, and telling your true story, Defining Principles to Drive Design Decisions, Use Cases For CSS Vertical Media Queries, What’s Wrong with Open-Data Sites–and How We Can Fix Them, The Inside Story of Uber’s Radical Rebranding, Why is Vertical Rhythm an Important Typography Practice?, Devices all the way up: Notes on responsive design, “Learn More” Links: You Can Do Better, Easy Landing Pages in WordPress with Long Form Storybuilder, rucksack
StarWarsIntro.css, Scaling Knowledge at Airbnb, Empathy in web design: How to stimulate emotions using colour, Responsive Logo Composition With SVG, Logo Design Psychology, Let’s Get Physical : The expanding role of digital UX design in a connected world, Responsive Web Design, where to begin?, The time that Tony Fadell sold me a container of hummus., Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of, Flexo
Discover the UX secrets behind Tinder, FEDC – New Speakers Added, Lazy Progressive Enhancement, BizCraft Episode 61: “S@#t that matters” – but mostly we talk about Prince., Implicit Bias, Meet The Dominant Narrative, What is HTTP/2: An Introduction, A Web Designer’s Guide to Project Schedules, MaintainableCSS, Social Buttons for Bootstrap, How to Know if You’re Being Too Nice to Your Employees
How A Designer’s 3-Year-Old Daughter Is Humanizing Google, Best Practices for the UX of Navigation, Web Design Trends 2016: How Cards Dominate Design, Fabric: Twitter’s New App For Developers, Moving from HTML Grid Systems to CSS Grid Systems, The Core Principles of UI Design, Dirty Tricks From The Dark Corners Of Front-End, Hand Lettering for Responsive Web Design, Cleaning Up a CSS Codebase, Accessible images for everyone
Flexbugs, Why emerging markets are dominating mobile browsing, A couple of alternatives to the hamburger menu, What are CSS Modules and why do we need them?, How we built Facebook Lite for every Android phone and network, Pareto Principle-Based User Research, 9 trends that will change the design landscape, Preload Hints For Web Fonts, Watch: Creating High Resolution Background Images with CSS, Next level layout
Motion Design is the Future of UI, ConvergeSE 2016 – Take A Peek, CSS clip-path maker, Principles Of HTML5 Game Design, Building the UI for the new The Times website, Front-End Style-Guides: Definition, Requirements, Component Checklist, Designing smart notifications, Asking Good Questions is Essential for Great Design, CSS-Only Dropdowns, Tenue CSS Text Effect
How to Avoid Roadblocks Inherent in Mobile App Projects, ConvergeSE Speaker Profile – Ron Edelen, What is Product Design, How Showing Our Work Intentionally Has Led to Making Millions, Page Scroll Effects, Sketchsheets, Effective UX and UI Tools and Resources for Web Designers, 8 Common Dysfunctions of Design Teams – and What to do About Them, Four Things Great Designers Care About, Nativefier
Designers shouldn’t code. They should study business., ConvergeSE Speaker Profile – Megan Zlock, Diving all in or dipping a toe? How publishers are approaching Google’s Accelerated Mobile Pages initiative, In Defense of Homogeneous Design, Create mobile-friendly interactive maps, ConvergeSE Speaker Profile – Aaron Irizarry, 15 Best Practices for Responsible Responsive Web Design, Basic Patterns for Mobile Navigation: A Primer, 3D Folding Panel, Cleaning Up a CSS Codebase
The Industrialisation of Design (or why Silicon Valley no longer needs UX designers), BizCraft Episode 60: Remembering why you started, Mobile Websites: Mobile-Dedicated, Responsive, Adaptive, or Desktop Site?, ConvergeSE – Meet Some Headliner Speakers, An Open Letter to Newbie Designers, Re-thinking reading on the Web, Samsara.js, CSS3 Animated Backgrounds – Infinite Scrolling Background, Fact or Opinion? Perfecting UX, Minimize SVG files
Time for Flexbox First, CovergeSE Workshop: Using Content Models To Improve Quality & Consistency, With Accelerated Mobile Pages Coming This Month, Google Aims to Reinvent the Mobile Web, How Adding One Button Increased Our Signups by 3x, Pressure.js, Milligram, Deep Dive into Grid Layout Placement, Design Leaders Answer – What’s the Biggest Problem in Our Industry, iOS App Distribution in 7 Steps, Choosing and pairing typefaces for cookbooks