Fresh Brewed

981 Flips | 2 Magazines | 1 Follower | @FreshBrewed | We find the best techniques, articles, tutorials and blog posts on design and development. Filtering out the noise so you don't have to. Get our weekly digests in your inbox: https://freshbrewed.co

Stop Using React for EVERYTHING!

So you learned React. So you added ES6 integration. So you got good at abstracting your code into components. So you…stop. We don’t care.<p>Just because …

JavaScript

Getting Started With Falcor

<b>TL;DR:</b> Netflix has just open-sourced its Falcor project. Falcor changes the way we approach data for web applications by introducing conventions such …

JavaScript

Responsive Images 101, Part 9: Image Breakpoints

I’ve dreaded writing this installment of the Responsive Images 101 series. Selecting image breakpoints is something everyone will face, and frankly, …

The JavaScript Misdirection Contest

There is a programming contest called The Underhanded C Contest. In their own words, it is <i>"an annual contest to write innocent-looking C code</i> …

JavaScript

promise-cookbook

This is a brief introduction to using Promises in JavaScript, primarily aimed at frontend developers.<p>See here for a Chinese …

Why We Should Stop Using Bower - And How to Do It

If you are using some of the currently common frontend toolchains, chances are you are using Bower. In short, Bower is a package manager for …

JavaScript

ES6 Arrow Functions in Depth

The daily saga of es6-in-depth articles continues. Today we’ll be discussing Arrow Functions. In previous articles we’ve covered destructuring and …

Facebook's Relay: A JavaScript Framework That Gives React a Larger Scope

The long anticipated Relay JavaScript UI Framework for React came out recently. In case you haven’t heard of it, React is a JavaScript library …

JavaScript

The future of layout with CSS: Grid Layouts

In this article we'll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see …

Web Development

What happened to Web Components?

Three years ago, there was a lot of excitement surrounding Web Components: everybody talked about them, the frameworks Ember and Angular planned to …

Eliminating Roundtrips with Preconnect

The "simple" act of initiating an HTTP request can incur many roundtrips before the actual request bytes are routed to the server: the browser may …

The Incomplete Collection of Node.js Performance Tips

<b>Bookmark and ♥ for later reading :)</b><p>This is a (non-comprehensive) collection of practical advice on how to get more performance out of your Node.js …

Lightning Design System

• Components<br>• Utilities<br>• Design Tokens<br>• Icons<p>Components<p>Components are the building blocks of Salesforce applications, enabling designers and developers with …

Animated SVG Image Slider

The <b>HTML structure</b> is composed by an unordered list (ul.cd-slider), containing the slides, and two additional list elements ( ul.cd-slider-navigation …

5 Sublime Text Plug-ins for Frontend Development

Every developer knows that workflow automation is extremely important to web development. Luckily there are tons of programs built around this …

Web Development

Building the dConstruct 2015 site

I remember when I first saw Paddy’s illustration for this year’s dConstruct site, I thought “Well, that’s a design <i>direction</i>, but there’s no way that …

DevTools Tips For Sublime Text Users

Introduction<p>In this quick write-up, we’ll cover how to take advantage of your existing knowledge of features in <b>Sublime Text</b> and apply them to another …

Web Development

The state of responsive images in 2015

The Web is a visual medium. The vast majority of that visual landscape is thanks to image files. Whilst plenty can be achieved with CSS, and inline …

Web Development

Tips & Tricks for debugging unfamiliar AngularJS code

You've been given an Angular code base. How do you figure out where everything is? Where scope variables are coming from? What controller does …

A Guide to Vanilla Ajax Without jQuery

Short for Asynchronous JavaScript and XML, Ajax is a mechanism for making partial page updates. It enables you to update sections of a page with data …

Deconfusing Pre- and Post-processing

If you read my last article on PostCSS, I hope that you don’t get the feeling that I don't like that tool. Quite on the contrary! I love it. I use it …

CSS

23 stats you should know about mobile web performance

I love a good roundup of stats, and the webcast I did yesterday — a “state of the union” for mobile performance, which you can watch here — offered …

5 Easy Performance Tweaks for Node.js Express — SitePoint

Node.js has revolutionized web development and the Express framework must share much of the credit. Express may not be the fastest or most advanced …

Falcor: One Model Everywhere

One Model Everywhere<p>Falcor lets you represent all your remote data sources as a single domain model via a virtual JSON graph. You code the same way …

JavaScript

Learning Regular Expressions: The Practical Way

The single fact that you clicked on that link to come here shows that you are brave. Most people just run away when it comes to regular expressions. …

Python Programming

WP API

Before we discuss the WP REST API, it’s important to understand some terminology and background information. The acronym API stands for Application …

Confidence and Overwhelm

There’s epic amounts of stuff that I’ve not touched. People will say to me, “What do you think about this?” “I don’t really have an opinion. I’ll let …

Web Development

The ES6 Conundrum — SitePoint

<i>This article is part of a web dev series from Microsoft. Thank you for supporting the partners who make SitePoint possible.</i><p>ECMAScript6 or ES6 is the …

Why I Write Plain JavaScript Modules

These are short-form“thoughts”, in addition to the usual longer-form articles in the blog. The goal is to publish one of these every weekday. I’d …