Links from 2016
- Create Apps with No Configuration | React facebook.github.io
- 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…
Star Spangled Geeks To the dismay of government contractors, the United States Digital Service is gloriously hacking away in the VA and the Pentagon. USDS…
- Setting up CSS Modules with React and Webpack javascriptplayground.com
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…
- jeffbski/wait-on github.com
wait-on - wait for files, ports, sockets, http(s) resources wait-on is a cross-platform command line utility which will wait for files, ports, sockets, and…
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…
- Belief in homeopathy is a moral test politics.co.uk
Everyone enjoys a laugh at homeopathy supporters. It brings us all together. It's a way for smug, intellectual people to be all smug and intellectual. So there…
- Software companies in Edinburgh nobugs.org
This is a list of 68 Edinburgh companies which employ software developers. The list is maintained by Andrew Birkett . If you’ve found this page useful, or you’d…
- Scottish Tech Map | Hacker News news.ycombinator.com
We are a open site listing tech events around Scotland. Open means anyone can add an event, like a wiki. We can import data from suitable open sources, and most…
- 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…
- Mixins Considered Harmful | React facebook.github.io
“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…
- The fall and rise of the council estate theguardian.com
A ysen Dennis loves her flat. Two bedrooms, a neat kitchen-diner, a cosy living room, lots of light, a separate toilet and bathroom, and a much broader hallway…
- AddyOsmani.com - Offline installation of npm packages addyosmani.com
Occasionally, you may need to install npm packages while offline. This could be due to a flaky network connection, being on a flight or during a workshop.…
- 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…
Dependency CI Login Automatic compliance testing for all of the dependencies in your application. Sign Up with GitHub Analyse your dependencies after every…
- 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…
- Home | Matrix.org matrix.org
Here are three Matrix homeservers, each with one client connected.The clients are all participating in the same Matrix room, which is synchronised across the…
- 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…
- Autocomplete for React Component PropTypes davidwells.io
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…
- Many parents will say kids made them happier. They’re probably lying. washingtonpost.com
iStock Ask the vast majority of American parents, and they will tell you that having kids has made them happier. The problem with this claim, as common as it…
- 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…
- Soulver | Acqualia acqualia.com
What's new in 2.5.3? Compatibility with 10.11 El Capitan Free "Smart" Trial Download Soulver for a free 10 day trial. The trial is smart, and will only end…
- 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,…
A group of young men look at a Lamborghini sports car stopped in a waterfront park in Vancouver.Photograph: Andy Clark/Reuters “H ere’s one,” says Melissa Fong.…
- 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.)…
- NHS to scrap single database of patients' medical details theguardian.com
The Caldicott review said patients must know what their data may be used for and how they can opt out if they do not want it shared.Photograph: AW/Alamy The…
Design Better Forms Common mistakes designers make and how to fix them Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface,…
Hiking with a friend a my dog up at Joffre Lakes. I am definitely fitter now I live in CanadaPhotograph: Pippa Stowell/GuardianWitness ‘I appreciate more about…
Want to migrate to Canada? Hop on a canoe with prime minister Justin Trudeau.Photograph: Sean Kilpatrick/AP In the wake of Brexit and with the rise of Donald…
- Dealing With Compiled Files in Git blog.andrewray.me
Why might you need this? If you have file A , and every time you change A , file B gets rebuilt, and you have to commit file B , these steps will help you.…
- WHO, IF NOT YOU? unitedagainstracism.org
A classmate makes a racist joke. Do you step in? A Muslim woman is insulted in a shop. Should you bother? A homosexual couple is bullied on the street. Do you…
- 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…
- anime.js anime-js.com
Anime (/ˈæn.ə.meɪ/) is a polyvalent yet lightweight Javascript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.…
- 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…
- Nick Barber, Tom Hickman and Jeff King: Pulling the Article 50 ‘Trigger’: Parliament’s Indispensable Role ukconstitutionallaw.org
In this post we argue that as a matter of domestic constitutional law, the Prime Minister is unable to issue a declaration under Article 50 of the Lisbon Treaty…