Links from 2016
SVG can be used as an icon system to replace icon fonts. The reasons why SVG makes for a superior icon system are numerous, but we won’t be going over them in…
- A Complete Guide to SVG Fallbacks | CSS-Tricks css-tricks.com
The following is a guest post by Amelia Bellamy-Royds and me. Amelia and I recently presented at the same conference together. We both covered SVG, yet neither…
- Double Solitude - The New Yorker newyorker.com
Credit Illustration by Antoine Maillard At eighty-seven, I am solitary. I live by myself on one floor of the 1803 farmhouse where my family has lived since the…
- Space in Design Systems – EightShapes LLC medium.com
Space in Design Systems From Basics to Expanded Concepts to Apply Space with Intent I’ve long referred to Color , Type and Icons as the “Big 3” of a system’s…
- Request Map Generator requestmap.webperf.tools
Submit a URL to generate a node map of all of the requests on the page. Rapidly identify what third-parties are on your site, where your transmitted bytes are…
- Introducing GOV.UK Frontend Alpha | GDS design notes designnotes.blog.gov.uk
An early prototype of the GOV.UK Frontend site We’re working on a new project at GDS to create a simpler, better way of building user interfaces for government…
- Learn Relay learnrelay.org
Overview Get a broad overview of the goals and prerequisites of this introduction to Relay and get to know the Pokedex app we will build together. Introduction…
- How to Test React Components Using Jest sitepoint.com
This article is by guest author Jack Franklin . SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the JavaScript…
- babeljs - babel CLI copy nonjs files - Stack Overflow stackoverflow.com
The magic `--copy-files`.
Progressive Web Apps with React.js: Part 4 — Site is Progressively Enhanced Part 4 of a new series walking through tips for shipping mobile web apps optimized…
- Your Body Text Is Too Small medium.com
Your Body Text Is Too Small Why website body text should be bigger, and ways to optimize it. B ody text is the key component in communicating the main bulk of a…
- bliki: TestPyramid martinfowler.com
Martin Fowler The test pyramid is a concept developed by Mike Cohn , described in his book Succeeding with Agile . Its essential point is that you should have…
- Using CSS Mod Queries with Range Selectors alistapart.com
Illustration by Brad Colbow Recently, I was asked to build a simple list that would display in a grid—one that could start with a single element and grow…
- Yarn: A new package manager for JavaScript code.facebook.com
In the JavaScript community, engineers share hundreds of thousands of pieces of code so we can avoid rewriting basic components, libraries, or frameworks of our…
- Git-Repo The ultimate utility for managing services · Guyzmo's got nothing to blog. i.got.nothing.to
Git-Repo The ultimate utility for managing services 2016-10-10 · { python , code , github , gitlab , bitbucket , git } · :e ∨ Over the last decade, we’ve seen…
- HTML5 Sectioning Element Flowchart html5doctor.com
Part 2 of a new series walking through tips for shipping mobile web apps optimized using Lighthouse. This issue, we’ll be looking at page load performance.…
- On Use of the Lang Attribute adrianroselli.com
9 Comments In response to Jake Wilson . Jake, was there a regex example in your comment? I am not seeing one. aroselli ; 23 January 2015 at 4:33 pm . Permalink…
- Twelve Commandments Of Software Localization – Smashing Magazine smashingmagazine.com
You’ve presented the new website and everyone loves it. The design is crisp, the code is bug-free, and you’re ready to release. Then someone asks, “Does it work…
- Languages and Chinese characters on the web growingwiththeweb.com
The lang attribute lang is an optional HTML attribute that can be used on any element to explicitly indicate the language of the contents using an IETF language…
- Languages and Chinese characters on the web growingwiththeweb.com
The lang attribute lang is an optional HTML attribute that can be used on any element to explicitly indicate the language of the contents using an IETF language…
Progressive Web Apps with React.js: Part 3 — Offline support and network resilience Part 3 of a new series walking through tips for shipping mobile web apps…
By on September 21, 2015 Tags: Javascript / DHTML When I first started using JSX with ReactJS, I knew that you could use native HTML elements, like <a> and…
- Style Guides and AEM: Fitting a Square Peg in a Round Hole shinesolutions.com
There is a push in the industry to code against an external style guide to maintain consistent styling, have a reusable set of components to build applications…
- Hiding inline SVG icons from screen readers | 456 Berea Street 456bereastreet.com
Hiding inline SVG icons from screen readers Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG . There are many…
- Texts in Sebald’s The Rings of Saturn publicdomainreview.org
At the time of his death in 2001 at the age of 57, the German writer W.G. Sebald was cited by many critics as a future winner of the Nobel Prize for Literature.…
Progressive Web Apps with React.js: Part I — Introduction Progressive Web Apps take advantage of new technologies to bring the best of mobile sites & native…
- Totally get your frustration :) medium.com
Totally get your frustration :) I encourage folks to adopt this approach to keeping up with the JavaScript ecosystem: first do it, then do it right, then do it…
- Summary of key rules | Butterick’s Practical Typography practicaltypography.com
The four most important typographic choices you make in any document are point size , line spacing , line length , and font (passim), because those…
- React Patterns reactpatterns.com
Stateless function Stateless functions are a brilliant way to define highly reusable components.They don’t hold state or refs ; they’re just functions. const…
- Stateless React components toddmotto.com
React v0.14.0 introduces “stateless” components, which takes a more functional approach to creating chunks of JSX and templates. In my previous article on…
- 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,…
- ECMAScript 2015 (ES6) and beyond | Node.js nodejs.org
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…
