Links from 2016 (547 links)
- Inline SVG spriting and currentColor lottejackson.com
A very common use for SVGs are icon systems. When building these I've always gone by a general rule: Add decorative images as background images in CSS and add…
- The Three Infrastructure Mistakes Your Company Must Not Make firstround.com
When Avi Freedman was getting ready to graduate Temple University in 1992, there was no way to buy internet service in Philadelphia. Literally. If you wanted to…
Make Your React Components Pretty 💅 I took this picture. With my phone. Art. At Walmart Labs we do a lot of peer code reviews, which is great because I get to…
- Grid layout is a much needed step-change for CSS maketea.co.uk
Making website layouts can be hard. We’ve performed CSS gymnastics to achieve layouts that can seem so simple on first appearances, re-appropriating floats,…
Node.js is built against modern versions of V8 . By keeping up-to-date with the latest releases of this engine, we ensure new features from the JavaScript…
Most payment disputes can be easily avoided with a clear invoicing process or quickly resolved with a gentle reminder – but what can you do if your client…
Apple: Send us your content in our special format and we’ll make it available in Apple News and more people will read it and be happy with your brand… wink…
- https://madebymike.com.au//writing/service-workers/ madebymike.com.au
- Ask HN: How much do you make in London? | Hacker News news.ycombinator.com
Please include your company (be it BigCo, startup, finance) / contractor status, level / years of experience and compensation breakdown in GBP. I’ll start:…
- Flow as replacement for PropType blog.rstankov.com
A couple of months ago at Product Hunt , we decided to switch from React.PropTypes to Flow . Initially, we started using Flow just for function definitions.…
Cyclists who wear bike helmets reduce their chance of a fatal head injury by 65%, according to a new study.Photograph: Lionel Bonaventure/AFP/Getty Images A…
- DUAL Universe dualthegame.com
- Backwards Mapping and Connecting Outcomes | Theory of Change Community theoryofchange.org
After the first step of laying out the long-term goals and a simple change framework, comes a more detailed stage of the mapping process. Building upon the…
- Testing with Jest Snapshots: First Impressions benmccormick.org
Over the past 6 months my team at work has been slowly transitioning a large Backbone application to React. One of the main goals of the transition has been to…
- Why we use progressive enhancement to build GOV.UK | Technology at GDS gdstechnology.blog.gov.uk
There seems to be a common belief among front-end developers that progressive enhancement is either old fashioned or has simply been replaced by single page…
Learn more Please note that GitHub no longer supports old versions of Safari. We recommend upgrading to the latest Safari , Google Chrome , or Firefox .
- EVERSPACE | is a single player rogue-like space shooter everspace-game.com
- React, ES6, Autobinding, and createClass() blog.andrewray.me
TL;DR React removed "autobinding" in ES6 component classes. The code onClick={ this.onClickHandler } could fail inside onClickHandler because it's not bound to…
Since Frances and I published a blog post last year introducing Progressive Web Apps , a healthy conversation has started about what is and isn’t a PWA. There…
- React Components devarchy.com
Catalog of React components / libraries. Synced with brillout/awesome-react-components (two-way sync). The catalog consists of 387 entries. New requests A tiny…
- Social Intelligence Test socialintelligence.labinthewild.org
Test your social intelligence Tell your friends about this test! Test how well you can read emotions of others just by looking at their eyes. The ability to…
- The GitHub GraphQL API githubengineering.com
- Snapshot Testing: Use With Care - Courageous Software randycoulman.com
- Introducing OpenType Variable Fonts medium.com
- Rich-Harris/ramjet github.com
Morph DOM elements from one state to another with smooth animations and transitions
- A cartoon guide to Flux code-cartoons.com
- SpeedCurve | PWA Performance speedcurve.com
PWA Performance Progressive Web Apps (PWAs) combine the best and newest features of the Web to deliver an experience that rivals native applications on mobile.…
- A cartoon intro to Redux code-cartoons.com
One thing that causes even more confusion than Flux is the difference between Flux and Redux, a pattern that was inspired by Flux. In this article I’ll explain…
- cosmiconfig/cosmiconfig github.com
Find and load configuration from a package.json property, rc file, TypeScript module, and more!
- How To Scale React Applications – Smashing Magazine smashingmagazine.com
We recently released version 3 of React Boilerplate , one of the most popular React starter kits, after several months of work. The team spoke with hundreds of…
- andersoonweb/learning-devtools github.com
:books: A collection of articles, screencast, talks, courses and more. All this to enhance their knowledge about devtools chrome.
- Intervening against document.write() | Web Updates - Google Developers developers.google.com
- 11 Simple npm Tricks That Will Knock Your Wombat Socks Off nodesource.com
Minimal, unopinionated static site generator powered by webpack
- geelen/react-snapshot github.com
A zero-configuration static pre-renderer for React apps.
- reactjs/reselect github.com
- chentsulin/electron-react-boilerplate github.com
- Space Grunts orangepixel.net
- Exploring ES6: Upgrade to the next version of JavaScript exploringjs.com