Photo: ESA

Front end & design digest #02

A quick, hassle-free way to stay on top of front end & design news.

Web development

1. The Journey to Webpack
2. Offline installation of npm packages
3. Running locally installed npm executables
4. The BEMIT naming convention
5. Service Worker: Santa’s little helpers
6. 11 SEO Techniques to Rank Better in 2016
7. Free web accessibility tools
8. 8 ways to optimize your site for mobile
9. 4 ways To Improve Your Code In 2016
10. Polymer Testing Tips
11. The Vital Guide to Bootstrap Interviewing
12. Affirming User Choice With Checkboxes
13. Content & Display Patterns

CSS

1. Sass Tip: The Double Ampersand Selector
2. Handling color sets with Sass
3. A minimal CSS reset specifically for web applications
4. A minimalist (2kb) CSS framework
5. Opinionated CSS styleguide for scalable applications
6. Simplest CSS Slideshow Setting up Open Type Utility
7. An Introduction to CSS’s @supports
8. Basic explanation of CSS animation

JavaScript

1. jQuery 2.2 and 1.12 Released (New Features and Performance improvement)
2. Exploring Async Techniques in JavaScript
3. Two paths: using if… else Statements
4. Capture and report JavaScript errors with window.onerror
5. Exploring the web audio api with D3
6. Managing the private data of ES6 classes
7. Master the JavaScript Interview: What is a Closure
8. Constant Variables in JavaScript, or: When “const” Isn’t Constant
9. How to deploy your node app on Linux, 2016 edition
10. How to build open source library

Design

1. 15 Web Design Trends to Look for in 2016
2. UX in email design
3. How websites are screwing up user experiences
4. Principles of UI Animation
5. Digital Product Design Principles
6. Users deserve a better experience
7. Overthinking and redesigning a fragmented date format
8. Is the Hamburger Menu a Problem?
9. 21-Step Checklist for Bulletproof Mobile User Onboarding
10. What Makes Slack So Addictive?

Awesome freebies

1. Images and Sketch files of popular devices
2. 30 High Quality Free Fonts You Should Definitely Own
3. 55+ Free PSD Product Packaging Mock-up Templates
4. 75+ Free PSD Magazine, Book, Cover & Brochure Mock-ups
5. 115+ High-Quality Free PSD Business Card Mock-ups

Stay tuned!