Photo: ESA

Front end & design digest #03

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

Web development

1. How to decide what to learn next
2. How to make your blog work offline
3. Why I hate your Single Page App
4. Webpack vs Browserify: By The Numbers
5. Answering Front-end Developer Interview Questions: “What does a doctype do?”
6. Why I Left Gulp and Grunt for npm Scripts
7. Bring your animations to life with physics
8. 12 web development trends you must know about in 2016 web development trends you must know about in 2016)
9. On Accessibility and the Lack of Proper HTML
10. Back in the Future in 2016
11. The Beginner’s Guide to Github and Git
12. The problems with GitHub’s News Feed

JavaScript

1. How to Learn ES6
2. Asynchronous Adventures in JavaScript: Understanding the Event Loop
3. Parallel JavaScript with ParallelJS
4. Getting started with Underscore.js
5. Quick Tip: Don’t Forget the ‘noscript’ Element
6. Enumify: better enums for JavaScript
7. Understanding Garbage Collection and Hunting Memory Leaks in Node.js
8. Reduce Your bundle.js File Size By Doing This ONE Thing
9. Disassembling JavaScript’s IIFE Syntax
10. How to Build a Daily Affirmations SMS Service with Stripe & Syncano

CSS

1. Variables: The Backbone Of CSS Architecture
2. The Sass Ampersand
3. How I Shrank my CSS by 84kb by Refactoring with ITCSS
4. Influencing Web Layouts with Print Layouts
5. U.S. Web Design Standards
6. It’s Time to Rethink Vendor Prefixes in CSS
7. Everything I know about responsive web typography with CSS
8. Critical Web Fonts
9. Surprising CSS properties you can use today
10. CSS Modules — Solving the challenges of CSS at scale

Design

1. Avoid the Hamburger Menu for Desktop Layouts
2. How to Create Visually Effective Calls-To-Action
3. Delightful Design, Deconstructed
4. Information Architecture: The Scaffold of Good UX
5. Usability as the enemy
6. Designing the ESPN for eSports
7. 5 Ways to Improve Your E-Commerce Design for Colorblind Users
8. Nobody Wants to Use Your Product
9. How to Design for Dyslexia
10. Developing The Development Set’s Logo

Awesome FREEBIES

1. 20 Seamless Icon Patterns for Designers
2. Timber! Vector Elements Set
3. 80+ Free Logo PSD Mock-up Templates
4. 20+ E-Commerce Icon Sets to Download
5. BlowBrush Free Font
6. Duwhoers Brush Font