A weekly collection of industry stuff that looks cool. If you have something you'd like to get on the radar submit it here.
Google Ventures – Why you should move that button 3px to the left, Front-End Design Conference – First 6 speakers announced, The Price Of Not Using UX Patterns, mapillary-js, How to build an experience map, A new agenda connecting people and business, DevTools Author, MediumEditor, Maintainable Responsive Web Design with Sass, The State Of Airline Websites 2015: Lessons Learned
Don’t Design What Users Want, Pixel Art to CSS, Responsive Web Design for In-House Teams and Non-Unicorns, A Practical Guide To Invisible Design, Why mobile first is outdated, Three Types of Growth Paths, What To Expect From JavaScript In 2016 – Beyond the Browser, 6 Tips to Resolve Project Issues and Avoid Stress, Are Your Personas Outdated? Know When It’s Right To Revise, 7 Assumptions Recruiters Make About You Based On Your Resume
20 Typography Trends to Pay Attention to in 2016, Accelerated Mobile Pages, Using Modern CSS to Build a Responsive Image Grid, Draplin Design Co – Pretty Much Everything Book, Coding on an iPad, Website Layout Tools Compared: Flexbox Vs. Susy, Animating Clipped Elements In SVG, Are You Ready to Give Your Customers an Omni-Channel Experience?, Bulma, Responsive Design: 6 Bootstrap Alternatives
Safari 9: Using Responsive Design Mode, Early Bird Discount Ends Feb 13th – ConvergeSE 2016, Performance Budget Builder, BizCraft Episode 59: Sustainability and how not to be a jerk doing it, jQuery 3.0 Beta is Now Available, 4 Myths About A Career In UX Design, Chromantics – The Psychology of Color, Responsive Calendar Pattern, React.js Best Practices for 2016, What’s behind Budweiser’s new look?
Design Brawl, 3 Ways To Think More Creatively About Product Design, Web Afternoon: Design Edition, The Rails Doctrine, The Illusion of Completeness: What It Is and how to Avoid It, Why The Hell Would I Use Node.js?, Understanding CSS3 Flexbox for Clean, Hack-Free Responsive Design, Google Chrome is About to Get Faster Than Before!, How I Sped Up My Site 68.35% With One Line of Code, Best Practices for Content Planning in UX Design, Setting Up a Mac Dev Machine From Zero to Hero With Dotfiles: Part 2
Product design — How we make complex tasks feel simple, ConvergeSE 2016 – Second Round of Speakers, voxel.css, Why designers can’t stop reinventing the subway map, Building an offline page for theguardian.com, CSS Refresher Notes, 5 usability tasks you haven’t tried so far, A Delicate Balance: Design Mind and the Three Ways of Seeing, 22 Essential CSS Recipes, Google Pagespeed Insights: How I Fixed My Slow Website
A new mobile navigation menu, ConvergeSE 2016 – First Round of Speakers, The 1-page usability test plan, Prevent UX Fails With Smart Design, What Should New & Inexperienced Designers Be Learning?, The Web Vs. Native Debate Comes To Virtual Reality, Identity Crisis: Designer Job Titles, 5 Tips for Turning WordPress into a Social Media Powerhouse, Flying a drone in your browser with WebBluetooth, HTML Color Codes
Interface Animation. The Force of Motion, ConvergeSE 2016 Call For Speakers, Complete Beginner’s Guide to Information Architecture, The Definitive Guide To Optimize Images for the Web, The 21-Step Checklist for Bulletproof Mobile User Onboarding, Getting Started with the Bootstrap Framework, Millennials as Digital Natives: Myths and Realities, How UX Professionals Collaborate on Deliverables, Animating CSS Gradients, using only CSS, Fixed Background Effect
Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers, The Top UX Predictions for 2016, A Responsive Guide to Type Sizing, The weight of design, I analyzed 250 SaaS pricing pages — here’s what I found, Design is the Business, Tips for Creating and Exporting Better SVGs for the Web, A beginner’s guide to designing interface animations, SVG Path Builder
Copying Text From Images to Your Clipboard, BizCraft Episode 57: Risk and losing passion and companies surviving founders., Hire People, Not Skills – MailChimp, How to fix a bad user interface, Avoiding Temptations that Harm Website Performance, Mobile Navigation Design Fundamentals, Technical SEO 2015: Wiring Websites for Organic Search, Applied UX Strategy, Part 3: Platform Thinking, Creating a “Jump Loader” Animation with SVG and GSAP, Animate Transition .js Library
The Value of a Digital Project Manager, The Life of ¶: The History of the Paragraph, Prototyping isn’t about hitting home runs, The Age of Information Architecture, The Fall and Rise of SVG, Multi-Level Accordion Menu, How to use Chrome DevTools like a Pro, Laying Out A Flexible Future For Web Design With Flexbox, Using Responsive Images (Now), Things I’ve Learned About Building & Coding HTML Email Templates
8 Killer eBooks on UX Design That You Can Get For Free, How to Optimize WordPress for Holiday Traffic, Here’s Why Every Project Takes Longer Than You Think It Will, A 7-part guide to sanity check the hysteria behind holiday website outages, Inside engineering: Behind CodePen’s security and scale, Learn to love Git. Part one: The basics., How to Build a Video Marketing Strategy for your SEO Campaign?, Using The Gamepad API In Web Games, I am done with bad meetings, Recreating the Google Logo Animation with SVG and GreenSock
Native or Not? The Untapped Power of Web Apps, FrontEnd Design Conference June15-17 2016, Pure CSS AT-AT Walker, Animated SVG vs GIF [CAGEMATCH], Google+ goes completely responsive., Tips for Creating a First-Class Personal Portfolio, 10 Guidelines for Better Website Background Videos, How to animate “box-shadow” with silky smooth performance, Shark Tank increased our traffic by 1000x. Here’s how we handled it., Tips, Tricks, and Considerations for Designing an E-Commerce Website
User behaviour, Free Download: Clocks Icon Set from Dryicons, 4 Design Lessons From The Pixar Team, Productivity Tools for Creatives, Building Effective Web Design Teams, 4 UX Documents to Help You Fully Understand Your Users, Games for Programmers, Everything Designers Need to Know about Foundation 6, An Introduction to Google’s Accelerated Mobile Pages (AMP), Password Strength `meter`, How to Develop a Membership Site With WordPress
How to Sell Without Selling, ConvergeSE 2016 Call For Speakers, Designing for iOS 9, POP UX! LEGO Teaches us About the Power of Near-Perfect User Experience, Saying Goodbye to the Great UX Design Bonanza of 2004-2016, Misused mobile UX patterns, 17 Very Impressive CSS Experiments, Photoshop Design Space, 65 Reasons Why You Should Use WordPress for Your Next Website, Toolkit: A Front-End Framework for the Modern Web
Driving the Experience: Motion Graphics for UI, ConvergeSE Early Bird Tix April 13-15, 2016, Draplin Design Co.: Pretty Much Everything – May 2016, CSS Image Effects #5: Lomography, Put HTML in your WebGL, WordPress Developers: 7 Top Tips for Negotiating Your Rates, Impostor Syndrome: The One Challenge Developers Don’t Talk About , Instant Text to Speech, The Simple Way to Scrape an HTML Table: Google Docs, The viability of JS frameworks on mobile
More than half of all Google searches now happen on mobile devices, Episode 5: Creating the Visual Design, Icons, SASS, and styleguides (oh my), Understanding and Using rem Units in CSS, Some SaSS tips or my own styleguide, Inlining Critical CSS for Dynamic Web Apps, Why the mobile web runs so slowly, A Gmail first Strategy for Responsive Emails, Chrome Devtools Tips & Tricks, Exploring the Product Design of the Stripe Dashboard for iPhone
Wait, what? Mobile browser traffic is 2X bigger than app traffic, and growing faster, Incremental UX, Complete Beginner’s Guide to Interaction Design, Building an Enterprise CSS Framework, Make a Flipbook with Pure CSS, CSS Animation – Spheres, Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally, Style Guide Driven Development: A How To Guide To Improve your Development Workflow, Element Queries for CSS, Next Generation Responsive Images with Client Hints, Why Mobile Just Changed Forever
The $300 Million Button, A Fireside Chat with Peter Barth: The Iron Yard approach to business, What Kind of Design Work Should I do?, Why BPG will replace GIFs and not only, A History of Typeface Styles & Type Classification, Starbucks Android Material Design, Design Insights From LEGO, 12 Rules for Professional JavaScript in 2015, Web design is now completely boring, How To Work With SVG Text
The Most Recognizable Thing on the Planet, BizCraft Episode 55: Greg Storey, Responsive Images 101, Part 9: Image Breakpoints, How To Center In CSS Code Generator, Animate Elements on a Path with CSS, The JavaScript World Domination, An Introduction to Sprite Animation, Syncing CSS Animations with HTML5 Audio, Design the Beginning, 23 stats you should know about mobile web performance, HTML5 Deck of Cards
Why is it so Easy to Get “Mobile First” Wrong?, BizCraft Episode 56, Business Skills for Freelance Developers, User Testing as a Design Driver : Looksery created a product for users, not designers, Lara Hogan – Making Etsy Mobile, Amazon Web Services in Plain English, Design Principles: Compositional Balance, Symmetry And Asymmetry, Is Responsive the End Game of Web Design, The ES6 Conundrum, Introducing Four: It’s WebGL, but Easier
On October 22-23, 2015, we’ll be in DC for BDConf. Here’s a preview of the speakers and their talks. Good stuff all around!
BEN CALLAHAN – Letting Go of Workflow Baggage, LEA ALCANTARA – Beyond Static: The New Design System, CLARISSA PETERSON – Responsive Color, AARON IRIZARRY – Discussing Design, JARED PONCHOT – Designing Together Apart, MARTIN RINGLEIN – Building World Class Product, MEGAN ZLOCK – A more beautiful & accessible web for all!, PATRICK FULTON – Element Queries, DOUGLAS NEINER – React.js: Thinking State First, DAN TELLO – Native or not? The untapped power of web apps, RON EDELEN – Badass Motion Design for Interactive, BERMON PAINTER – Modular Front-End Development with Sass
Design at Facebook, Google Is 2 Billion Lines of Code—And It’s All in One Place, Design sprints: what are they for?, When to Use Bootstrap for Your WordPress Theme (And When Not To), My Top 30 Fonts with the Sexiest Ampersands, 15 UX Commandments, RSCSS, Monitor your AWS account to detect suspicious behavior in real time, THE STATE OF RESPONSIVE IMAGES IN 2015
Jason Gribsby – Adaptive Input, Learn to Create Forms That Improve User Experience, Design Thinking Comes of Age, A Spark of Inspiration Creates the Foundation for an Innovative Experience, Auto-formatting JavaScript Code Style, Top Web Design Layout Trends of 2015 Explained, The Comprehensive Guide to Remote Working, Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box, An Introduction To Graphical Effects in CSS, Dealing with long words in CSS
Mat Marquis – The Past, Present, and Future of Responsive Images, When to Wordmark?, A Future-Friendly Approach to Experience Design, The Colors Of An App Icon, Going Adobe-free, Drag and Drop Newsletter Builder using jQuery, The future of layout with CSS: Grid Layouts, Solving the Problem of Design with Karl Ulrich, Apple is launching search engine to destroy Google — and you’re already using it, The Science of Cool: 5 Simple Steps To Boost Your Design’s Cool Factor, A Deep Look at Data & Content Design Patterns