Links from 2016 (547 links)
- Optimizing Webpack for Faster React Builds · InVision Engineering Blog engineering.invisionapp.com · Archived on
London's best crèche-taurants: where to eat out with the kids www.standard.co.uk
- Part 3: We might not need quantity queries thanks to Flexbox lottejackson.com
A while ago I wrote a blog post on creating a grid using quantity queries and Flexbox. I used quantity queries to change the widths of items in the grid…
- Flex-grow 9999 Hack joren.co
← joren.co The Germans broke my CSS a while ago. Well, not literally, but their long words did. A few days before the issue occurred, I saw a talk by Zoe…
- On Style Maintenance | CSS-Tricks css-tricks.com
I was talking to a brilliant engineer friend the other day who mentioned they never get to build anything from the ground up. Their entire career has consisted…
Today we're excited to make freely available the new Web Developer's SEO Cheat Sheet 3.0 . Ever since the indelible Danny Dover created the original version in…
- Facebook suspends Domain Insights, changing rules of the road for new publishers - Digiday digiday.com
On the last day of June, Facebook dammed up a stream of audience data that publishers once used to see how their content performed inside Facebook. Late last…
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…
- springernature/shunter github.com
A Node.js application built to read JSON and translate it into HTML
- 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
Via tomtaylor.
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…
- willtonkin/aem-links github.com
Adobe Experience Manager links, cheat sheets and solutions to common problems.
- 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…
- wbkd/awesome-interactive-journalism github.com
A list of awesome interactive journalism projects.
