Making e-commerce work well on mobile is a headache, so this month we're intrigued by Relay, a new API from Stripe. It enables you to put 'Buy' buttons with instant purchase functionality in lots of interesting places, including tweets! People can then buy things quickly without using shopping carts or getting pushed to another site.
There are also tools for enhancing the functionality of Slack, exploring unusual fonts and a couple of utilities for working with colour.(opens in new tab)
AWS is known for its non-standard nomenclature, so this handy guide has been put together to help you get to grips with things more easily. It starts with the basics and explains what all the jargon means and what each thing would have probably been called if it was part of any other service. A nice cheat sheet to get you going.
02. Write SVG(opens in new tab)
Developer Sara Soueidan was singing the praises of this PostCSS plugin that enables you to write SVGs directly in CSS. In her tweet, Soueidan appeals for someone to make an equivalent for Sass.
03. Awesome(opens in new tab)
Modestly titled Awesome is a 'sidekick' for Slack that adds loads of extra functionality such as conversation summaries, private groups, statuses, scheduled messages and more. It’s in private alpha at the moment, but you can put your name down to get an invitation.
04. Flowchart.js(opens in new tab)
05. Relay(opens in new tab)
The Relay API from Stripe aims to solve the problem of shopping carts on mobile being tedious to use. It provides a way for shops to enable instant purchases from within other people’s apps; Twitter, for example, is using Relay to allow people to sell things from within tweets via a 'Buy' button.
06. color(opens in new tab)
This fun colour picker lets you explore colours by moving your mouse around the screen; left to right for hue, up and down for lightness and scroll for saturation. Click to keep your colour as a bar on the side, and keep on clicking to build up your palette.
07. rucksack(opens in new tab)
rucksack adds handy features to CSS that remove lots of hassle. There's responsive typography (just do font-size: responsive;), legacy fallbacks, automatic prefixing, hex RGBA shortcuts and many other interesting things. It's built on PostCSS.
08. Web Field Manual(opens in new tab)
Everything you need to immerse yourself in the plethora of online resources for web designers is contained within this beautifully designed site, along with inspirational quotes from great designers. Even if you stay up to date with the latest resources you’re bound to discover a new gem on here.
09. HTML Color Codes(opens in new tab)
This comprehensive guide to HTML colour codes will help you create palettes especially for Material Design and flat design, and has tutorials and other useful colour-related resources. There's also the web safe colour chart which helps you to choose colours that will be displayed consistently across all browser.
10. Use & Modify
If you're looking for an unusual typeface this could be a good starting point. The site bills itself as "a personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces", and they're all open source so you can use and modify them, as the name suggests.
Words: Tanya Combrinck
Tanya Combrinck has been writing about the web for over four years, and the internet is actually her preferred method of interacting with humanity. You can find her on Twitter at @tanyacombrinck (opens in new tab).
Liked this? Read these!