#web (4,377 links)
- The cost of small modules nolanlawson.com
- Font Testing Page impallari.com
- sw-toolbox googlechrome.github.io
A collection of tools for service workers.
- Backstage Blog - React Native at SoundCloud - SoundCloud Developers developers.soundcloud.com
- Using A Static Site Generator at Scale: Lessons Learned – Smashing Magazine smashingmagazine.com
Functional React Series — Part 1: Get your App outta my Component Alternative titles I should have used to get more readers: “5 simple code hacks for component…
- Isomorphic rendering on the JAM Stack hawksworx.com
I have been experimenting with something that seemed obvious to me for a while. A web development model which gives a pre-rendered, ready-to-consume,…
- The performance benefits of rel=noopener jakearchibald.com
- mojs/mojs github.com
The motion graphics toolbelt for the web
#animation#burst #design#es6 #graphics #javascript #library#mo-js#modern#mojs #motion#motion-graphics#shape #svg#swirl#timeline#toolbelt #web #webpack#coffeescript browserl.ist A page to display compatible browsers from a browserslist string.
- Siteleaf - A friendly CMS for your static site siteleaf.com
- Buttons in Design Systems — EightShapes LLC medium.com
I love buttons. I can do things with buttons. Take a next step. Make a commitment. Get things done. With buttons, interaction springs to life. That’s why…
- Front-end Systems At Scale speakerdeck.com
Published July 21, 2016 in Programming Preprocessors gave us a lot of power to transform and adapt CSS to our needs. But with great power comes great…
One of the biggest problems that developers face with CSS is that CSS is global. Each CSS class gets exposed globally and it’s very easy to inadvertently break…
- slightlyoff/ServiceWorker github.com
Service workers explained What’s all this then? Service workers are being developed to answer frequent questions and concerns about the web platform, including:…
- Using the web app manifest to specify a site wide theme colour | Web Updates - Google Developers developers.google.com
Chrome introduced the concept of a theme color for your site in 2014. The theme color is a hint from your web page that tells the browser what color to tint UI…
- Introducing React Storybook — KADIRA VOICE voice.kadira.io
Arunoda Susiripala Founder of @KadiraHQ. Loves Meteor & GraphQL Mar 31 4 min read Introducing React Storybook With React Storybook, you can develop and design…
In between client work and working with my design colleagues on an internal project, I’ve been busy creating a Bocoup style guide. One of the fantastic things…
The now–finalized HTTP/2 specification has rightfully garnered a lot of interest from the web performance community. The new protocol is aimed at addressing…
- Idiomatic React Testing Patterns gist.github.com
Testing React components seems simple at first . Then you need to test something that isn't a pure interaction andthings seem to break down. These 4 patterns…
“How do I share the code between several components?” is one of the first questions that people ask when they learn React. Our answer has always been to use…
A Comprehensive Guide to Font Loading Strategies 12 July 2016 Read this in about 20 minutes. This guide is not intended for use with font icons, which have…
- Snyk's Style Guide snyk.io
Pretty much the first thing I did when joining Snyk was to put together a rough front-end style guide. Having a style guide means we can assemble templates more…
- Source - Living Style Guide Platform sourcejs.com
Features SourceJS is a dynamic Style Guide platform. It allows to combine multiple project UI component libraries, based on any technologies. Following Living…
- formatjs/handlebars-intl github.com
Handlebars helpers for internationalization.
- Redesigning Pinterest, block by block medium.com
When I was a kid growing up in Sweden, my room was filled with classic BRIO-designed wooden toys. I remember being fascinated with the simple designs, bright…
- Lessons I May Have Learned From Working on Stylelint | David Clark Develops the Web davidtheclark.com
A little over a year ago I started working on stylelint , a PostCSS -powered stylesheet linter. (To learn more about stylelint, you can read my article in…
- Links vs. Buttons in Modern Web Applications marcysutton.com
Github: Links or buttons? Something that comes up again and again in front-end accessibility is the issue of links versus buttons . You know, the HTML elements…
- Accessibility Developer Tools chrome.google.com
Accessibility Developer Tools - Chrome Web Store
- Getting Vanilla ready for v1: the roadmap | Ubuntu Design Blog design.canonical.com
We have been using our front end framework Vanilla across our sites for a while now, so it might surprise you to know that its first official version (let’s…
- A Front End Developer is Aware css-tricks.com
One idea that has lodged itself into my brain recently (largely from this panel discussion ) is how a front end developer needs to be aware . In a general…
- Notes On Client-Rendered Accessibility – Smashing Magazine smashingmagazine.com
As creators of the web, we bring innovative, well-designed interfaces to life. We find satisfaction in improving our craft with each design or line of code. But…
Want IDE autocompletion without typescript or flow? Now you can! I’ve created an atom plugin that uses your component propTypes to autocomplete! This works with…
- Unicode support on browsers and devices unicode.johnholtripley.co.uk
What is this then? Not all devices support unicode characters equally – either directly or as @font-face fallbacks. I was hoping that someone had created a site…
- Extending Semantics & Accessibility - Learn to Code Advanced HTML & CSS learn.shayhowe.com
Lesson 10 Extending Semantics & Accessibility In this Lesson 10 HTML Share Semantics and accessibility are naturally part of HTML by design, however they are…
- Typography Handbook typographyhandbook.com
Introduction Typography is more than just what fonts you use. Typography is everything that has to do with how text looks – such as font size, line length,…
- UC news - QuirksBlog quirksmode.org
UC news There is some news about the UC browser — the important one that nobody but me has ever heard of. (OK, that’s an exaggeration — but not by much.)…
- Remarks at the SASE Panel On The Moral Economy of Tech idlewords.com
Idle Words > Talks > The Moral Economy of Tech This is the text version of remarks I gave on June 26, 2016, at a panel on the Moral Economy of Tech at the SASE…
- Sticky headers adactio.com
I made a little tweak to The Session today. The navigation bar across the top is “sticky” now—it doesn’t scroll with the rest of the content. I made sure that…
- Never see localhost SSL warnings again certsimple.com
If you've done any web development you'll be used to seeing this every time you connect to https://localhost : Unless your OS has already been hacked - at which…