Links (12,294 links)
Photo: Francis Clarke for Wikimedia The tweet that started it all In this article I’ll summarize and group the main topics that people bring up in the thread.…
Those of you upgrading npm to its latest version, [email protected] , might notice that it installs a new binary alongside the usual npm : npx . npx is a tool intended…
- Designing The Perfect Date And Time Picker – Smashing Magazine smashingmagazine.com
What could be so difficult about designing a decent date picker ? Basically, we just need an input field and an icon that represents a calendar clearly enough,…
- Convert HTML to React components roman01la.github.io
$ npm i -g html-to-react-components $ html2react index.html -c es5 -m es6 -e js -o ./components <!DOCTYPE html> < html lang = "en" > < head > < meta charset =…
- Best Apps for Three-Year-Olds geekswithjuniors.com
As geek dad to two sons, Philip (4) and Noah (2), I get many questions from other parents about the best iPad apps for their kids. This happens so frequently, I…
- Amazon price tracker, Amazon price history charts, price watches, and price drop alerts. camelcamelcamel.com
Welcome to camelcamelcamel, a free Amazon price tracker! Our free Amazon price tracker monitors millions of products and alerts you when prices drop, helping…
- Helicopter service between Cornwall and Scilly to resume in 2018 theguardian.com
St Martins, looking towards Tresco, Isles of Scilly.Photograph: Alamy Cornwall New heliport in Penzance will restore service that last flew between islands and…
- Accessibility, News and You bbc-news.github.io
We want to be the most accessible news website in the world. You can help us achieve this by following a few simple steps. If you have any questions ask one of…
- Yours or mine? Personal pronouns in UI design - FutureLearn about.futurelearn.com
Blog “Your courses” or “My courses”? Making personal pronouns consistent in the FutureLearn user interface Posted by Alla Kholmatova 10 Dec 2015 If you’ve…
- whiteink — Tech lead: an introduction whiteink.com
As I start handing over my responsibilities at Hypothesis before I leave at the end of the month, Andrew suggested I try and write about the role of a “tech…
- Val Head styleguides.io
The Transcript Transcribed by Alison Brad Hi everybody; welcome to another episode of The Style Guides Podcast. My name is Brad Frost. Anna I'm Anna Debenham.…
- Jekyll Includes are Cool daverupert.com
I’m building a pattern library in Jekyll. I like Jekyll for this because I can store all my reusable components in the _includes/ directory and use Jekyll’s {%…
- Fantasies of the Future paulrobertlloyd.com
Alternative formats Audio Video (coming soon) In an attempt to understand our work, digital designers may look towards architectural practice for inspiration.…
- Sticky headers (#1/3) remysharp.com
I have mixed feelings about sticky headers on web pages, but it annoys me more when the implementation causes scroll jank or contributes to it. The coding…
- Ten Minutes of Silence – Track Changes trackchanges.postlight.com
Ten Minutes of Silence – Track Changes
Privacy The pub chain says it will stop sending newsletters via email – but why? 2 days ago Thursday 29 June 2017 Getty Pub chain J.D. Wetherspoons has deleted…
The New York Times website is changing , and the technology we use to run it is changing too. As the new site rolls out over the next several months, a look…
Arthur Lee & Allen Kleiner | Pinterest engineers, Core Experience At Pinterest, we care deeply about developer productivity. We want to empower engineers to…
- Using CSS variables correctly - Mike Riethmuller madebymike.com.au
Using CSS variables correctly June 18, 2017 CSS Variables (also known as Custom Properties) are now supported in all modern browsers and people are starting to…
A Playbook for Working with Product Teams & Managers Your systems pitch got a green light. You’ve started designing, building, and documenting your library.…
We sat down with Dan Mall of Superfriendly to explore his best practices from design systems projects with startups and corporations. Check out the full…
Google makes significant changes to its (structured data) developer guides Google has just updated its documentation related to structured data, as detailed…
- what3words | Addressing the world what3words.com
Navigation & Mobility Automotive & Transportation Deliveries, Logistics & Ecommerce Postal Services Travel & Tourism National Infrastructure & Government UAVs…
- Learning from Lego: A Step Forward in Modular Web Design alistapart.com
With hundreds of frameworks and UI kits, we are now assembling all kinds of content blocks to make web pages. However, such modularity and versatility hasn’t…
- Typecasting: The Use (and Misuse) of Period Typography in Movies – Notebook – Mark Simonson marksimonson.com
Chocolat (2000, Mirimax) wasn’t a bad movie. It managed to get five Academy Award Nominations. But if they gave out Oscars for Best Type Direction, it would not…
- Building m.uber: Engineering a High-Performance Web App for the Global Market eng.uber.com · Archived on
As Uber expands to new markets, we want to enable all users to quickly request a ride, regardless of location, network speed, and device. With this in mind, we…
- lightcrawler npmjs.com
Crawl a website and run it through Google lighthouse npm install --save lightcrawlerlightcrawler --url https://atom.io/ --config lightcrawler-config.json where…
- Full Width Containers in Limited Width Parents | CSS-Tricks css-tricks.com
I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that's what we love around here. The issue is: how do we make a full-browser-width…
Design Systems Many teams are now taking a more systematic approach to design. But why do some design systems thrive and others become bloated and fragmented?…
In recent years innersource is a term that has cropped up more and more. As with all new things in technology, there has been a healthy mix of interest and…
- csstools/postcss-dir-pseudo-class github.com
Use the :dir() pseudo-class to style by directionality in CSS
- Usage github.com
Install the module from NPM or elsewhere npm install --save-dev react-axe Initialize the module Call the exported function passing in the React and ReactDOM…
Edit on GitHub Accessibility Why Accessibility? Web accessibility (also referred to as a11y ) is the design and creation of websites that can be used by…
- All Films – GKIDS gkids.com
Home Films Now In Theaters Coming Soon GKIDS Collection Studio Ghibli All Films News Store About Us All Films
Parenting : Who is it really for? 2017-06-26 For the last five years, I’ve spent at least 30 hours a week with my kid, just one-on-one, giving him my full…
- The Perfect Paragraph—A Web Typography Learning Game betterwebtype.com
T he Equilateral Triangle of a Perfect Paragraph is a theory developed by Matej Latin in the Better Web Type course about web typography for web designers and…
👋 Hello new visitors! Looks like this post has been getting some attention, bringing you here … welcome! 🙂 If you happen to like this kind of post: my blog is…
Service Worker has already been here for a while: since 2015-09 it has been fully supported in Chrome/Opera and if compared to what we have today it has gone a…
- Lighthouse CI github.com
This repo contains the frontend and backend for the Lighthouse CI server. Auditing Github Pull Requests Please note: This drop in service is considered Beta .…
By passing child components down instead of data you can avoid passing data down through many levels of components. It also makes your components more reusable.…
- autoprefixer-7-browserslist-2-released evilmartians.com
Autoprefixer 7.0 is released! Learn about the key features — and why the addition of Browserslist 2.0 is the largest change. Autoprefixer was released four…
- BuyMeOnce | Selling Products That Are Built To Last buymeonce.com
Find out more Find out more LOVE THINGS THAT LAST for you – for your wallet – for our planet Shop by Category For ideas that just go on giving Gifts Look what…
Google launches rich card-generating, structured data-powered job postings in the search results As anticipated ( http://bit.ly/2sPkC51 ), and as semi-announced…
- Make your will in 15 minutes | Farewill farewill.com
Make your will in 15 minutes For just £50. Tell us where you live to get started. Live support Always updatable How it works 1. Prepare your will Write your…
- Connect: behind the front-end experience stripe.com
We recently released a new and improved version of Connect , our suite of tools designed for platforms and marketplaces. Stripe’s design team works hard to…
It’s finally here. And it’s beautiful. Scope Hoisting, “magic comments”, and more! After we released webpack v2, we made some promises to the community. We…
- Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions – Smashing Magazine blogs.adobe.com
Someone who uses your app or website has a particular goal. Often, the one thing standing between the user and their goal is a form. Forms remain one of the…