Creative / Development Inspiration 49
This week is more developer heavy, but with reason. There have been some brilliant tools and articles this week, and I really wanted to share them all! Enjoy this weeks design (little less) and development (little more) inspiration rundown.
Website Inspiration
ACLU — 50 State Blueprint
Not your typical website, but incredibly effective. ACLU have created this simple website showing each one of the 1,942,600 people in state prisons and jails in the US.
https://50stateblueprint.aclu.org/
Designer Resources, Examples and Inspiration
Stop Solving Real Problems Once in a While
We sometimes take things too seriously and thus overrate people sharing their shiny design and code experiments with the world.
https://uxdesign.cc/stop-solving-real-problems-once-in-a-while-e7e1ecdaf9c1
Logo Lab
A tool to help you make your logo better. Checks balance, colour, accessibility, and more to ensure your brand is more able to catch that attention!
Development Snippets, Samples, and Articles
Introducing GitHub Actions
This makes me very excited. GitHub actions allows build and deploy (actually, any task you can think of) to be run when specific commit commands are made. Yes.
https://css-tricks.com/introducing-github-actions/
Experimental Gradient Editor
A great Codepen project by David A, showing colour gradient manipulation. Doesn’t really work on mobile, but looks great on desktop!
https://codepen.io/meodai/full/xyqoEO/
Rythm JS
Spelling issues aside. This JavaScript library is has an interesting take on using music on websites. Lets make your website dance.
https://okazari.github.io/Rythm.js/
Keys to Maintainable CSS: Order
Krisztian makes some great points on how CSS should be organised in a project. From ordering, layout, and simple spacing, this article helps developers write better, more readable CSS.
https://pyx.space/post/keys-to-maintainable-css-order
Relax – A Promise Based State Management Library
Think Redux, but smaller. Written from scratch, with no action types, switch statements or middle ware. It’s only 2.23kb gzipped!
https://github.com/relax-js/relax
CSS Border-Radius Can Do That?
When you use eight values specifying border-radius in CSS, you can create organic looking shapes. The article goes through how this is done, and also links out to a handy tool to help in shape creation.
https://medium.com/9elements/css-border-radius-can-do-that-d46df1d013ae
A bit of everything
How to Create a Design System
I am not going to give this up yet! I am big on this idea. This article covers the autonomy of a design system, and how you can build one.
https://medium.com/dev-channel/how-to-create-a-design-system-460b93a6565
The Inclusive Web – Why It Should Matter to Businesses
An article I wrote last week about how businesses seems to forget about accessibility. This makes no sense, as they seem to be missing a trick…
http://thoughtsandstuff.com/the-inclusive-web-why-it-should-matter-to-businesses/
Of Deadlines and Due Dates
This article stood out to be due to this one like – “Do not commit to a deadline you did not help set”. I think this sentiment is something that needs to be considered by a lot of people in this industry. Interesting read.
https://blog.calevans.com/2006/02/03/of-deadlines-and-due-dates/
So We Got Tracked Anyway
A brilliant article about how SSL means bugger all to the monopolies of the interwebs, and how Google and Facebook track you everywhere you go.
https://youbroketheinternet.org/trackedanyway
Realtime Board
I stumbled across this tool on Reddit. A real time, whiteboard like interface to keep everything in one place. A simple white boarding platform for cross-functional team collaboration