Welcome to this week's design & development roundup!

This week there has been more drama at Uber (is anyone surprised, really?) and Josh Constine claims that Stories are the new News Feeds. It's also Spring! And the clocks have gone forward! We're loving the lighter evenings and looking forward to what the next few months bring.

You can jump on all of our latest design & development resources to get you through the week below. Enjoy!

Adam AvatarAdam

Shame the Confirmshamers

Confirmshamers Example

Photo: Viget

You've probably come across it before, you get an unwarranted modal pop up the middle of the screen asking you to subscribe to some form of newsletter or download. You genuinely don't want to be hassled and get back to your article, the only way to do so is to accept an insult thrown at you by the brands content that you're reading. "No thanks, I'd rather pay more." or "I don't want the best recipes immediately!" You know what I'm talking about.

Brandon Dorn writes a piece on the practice known as 'confirmshaming' with screenshots of a staggering amount of 'confirmshamers' some tips for marketers how not to go about this. He includes some even better tips for website visitors on how to piss them off! It may work to 'confirmshame', but it's not cool.


Ruth AvatarRuth

Flaticon Pattern

Flaticon Pokemon Pattern

Photo: Flaticon

Flaticon seems to be everyone's go to site to download vectors which are used in everyday UI designs. Until recently I assumed this was it’s only offering, but hidden in their footer is a link to their pattern generator. 

Flaticon patterns allow for seamless background patterns, made easy. By easy, I mean ridiculously simple, and fun to use too.  Greeted by the familiar flaticon layout, you are able to select icon packages which contain multiple cute icons which you can drag to the screen to create your own pattern. If you’re not that artistic, you can click ‘Random’ to let the site generate a pattern just for you, using your selected icon package. You also have the ability to change the background colour, and size/orientation of the icons to make this pattern specific to you.  

When you have created your pattern, you are offered a variety of formats to download the background, all of which are extremely useful. Not only do you have the general PNG & JPG formats, but you are also given the choice of downloading an SVG file, or even a Base64 snippet for more flexibility.

Overall, this site is very handy, albeit a little too fun to use; which makes you seem to forget what you first came to achieve and end up having an excellent Pokémon GO! background with striking colours when all you ever needed was some simple social icons.


Juma AvatarJuma


GodEye GitHub

Photo: GitHub

GodEye is a monitoring framework for swift that allows users to monitor :

  • Console logs, warnings and errors.
  • Crashes
  • Memory leaks
  • CPU usage
  • RAM usage
  • FPS
  • Unresponsive application

In total GodEye is bundled with 10 different modules which can be installed separately if required. GodEye can be installed via pod using:

pod 'PKHUD' '~> 4.0'

To make use of GodEye, you must first import the package:

HUD.flash(.success, delay: 1.0)

At application:didFinishLaunchingWithOptions: GodEye can be initialised like so:

HUD.flash(.error, delay: 1.0) { finished in 
    print("System failure")

GodEye includes a nice interface to display all the logs and allow users to enable and disable bundled modules.


Lewis AvatarLewis

JavaScript Stack from Scratch

PHP Code

Photo: Unsplash

If you're starting a JS app, you're more than likely going to go to an existing framework, fire it up and dive straight in without much familiarity to what is going on behind the scenes - what's powering the app, how the components all link together, etc. This is where JS Stack from Scratch really comes into play. It's a straight-to-the-point guide on how to assemble a JS stack that focuses on wiring all the tools together whilst giving you the simplest possible example of how you can use each tool.

The guide explores 9 key areas; starting with Node, through to Express, Webpack, React, Socket.IO and ending up on Travis, Coveralls and Heroku. Admittedly you may not need every tool listed - in fact, you probably will only use a few. But getting used to how the tools all interact with the wider picture is vital when building any JS stack for your app. If you've got synergy between every component, your development cycle will be much less painful!



Axios Example

Photo: Axios Example

Axios is a client based HTTP client for the browser and Node.js. There are already a fair few libraries that offer you the same thing, but Axios is well maintained, has great code coverage and boasts a large amount of features from the offset. All requests support the Promise API and you're able to intercept requests and responses whilst also manipulating and transforming the data objects for each. All responses are automatically transformed into JSON data (where the server headers align) and it implements client side support for protecting against XSRF.

The library comes with every HTTP method you'd need implemented, as well as the ability to set a base URL for every call, control the headers sent, manage cross-site Access-Control requests, handle HTTP authorisation - even track the upload and download progress of requests. It's a very nifty library that I'd highly recommend! Although feature packed, the library weighs in at just 11.8kb once minified, neat!


We hope you found this week's roundup useful! If you have any suggestions for contributions, let us know on Twitter or Facebook!