Creative / Development Inspiration 51
This week was a hard week to work out what not to put in this design development rundown. There were so many great choices. A brilliant website inspiration, some great design based tools, and all the articles. Enjoy!
Website Inspiration
St. Phillips Homes
A development company, specialising in building homes in desirable locations. The site is fast to load, and has a sleek look and feel. A nice change from tech sites.
Designer Resources, Examples and Inspiration
Coolours
The super fast colour scheme generator that looks pretty!
Dribbles 404 Page
Sometimes users do get lost. Dribble has created an interactive 404 page to get them back on track!
https://dribbble.com/404errorpage
Confessions of a Flawed Designer
A comic on some bad habits this designer is trying to fix.
https://thedesignteam.io/confessions-of-a-flawed-designer-11746ff42675
Refill me
A brilliant real world example of UX. Each table has a small painted area where you put your glasses if you want a refill.
https://www.waveguide.io/patterns/else/entry/refill-me
Development Snippets, Samples, and Articles
30 Seconds of CSS
A curated collection of useful (and not useful) CSS snippets that you can understand in 30 seconds or less. Some really helpful ones, like a load bouncer or how to make a Circle.
https://30-seconds.github.io/30-seconds-of-css/
Easier Scrollytelling with Position Sticky
Use minimal CSS to produce an engaging story telling process, without the weight of JavaScript
https://pudding.cool/process/scrollytelling-sticky/
The Architecture No One Needs
Why don’t you use React?! Make it a SPA! Hold up, maybe a single page app isn’t the right call for this project…
https://www.gregnavis.com/articles/the-architecture-no-one-needs.html
Turbolinks
Originally built for Ruby on Rails apps (look at the BaseCamp example) this JS script makes navigating a site super speed fast. All by not reloading the page. Simples.
https://github.com/turbolinks/turbolinks
Lozad.js
On the same vein of speedy loading. Here is a 0.9kb lazy loader for images and iframes. No dependencies. One of the better packages I have seen.
https://github.com/ApoorvSaxena/lozad.js
A bit of everything
Only One Deliverable Matters
So much varied work goes into producing a digital product. Mock ups, sketches, user flows. This is all incredibly important. The documents that it generates are not. Remember what you are creating.
https://bigmedium.com/ideas/only-one-deliverable-matters.html
The Web Accessibility Introduction I Wish I Had
Hello past self. Here is why web accessibility matters to your job. Turns out web accessibility affects all users, not just thought with disabilities. Sort it out.
https://dev.to/maxwell_dev/the-web-accessibility-introduction-i-wish-i-had-4ope
How (properly) Wasting Time at Work Increases Productivity
Our workaholic culture and the business epidemic tend to villainize time-wasting behaviours during work — like leisurely lunches and web browsing — but research proves that breaks can enhance your performance, on many levels.
https://medium.com/swlh/how-wasting-time-at-work-properly-increases-productivity-76272d651ef0
Pitfalls of Running A/B Tests
This is something close to my heart. I am a bit advocate of testing all data you can lay your hands on. However, remember to consider all the results…
https://medium.com/joytunes/the-pitfalls-of-running-a-b-tests-4da7141960d7
My First Taste of Grav
I have been looking for alternatives for small site development systems for a while now. I came across Grav. These are my first thoughts.