Skip to main content
Picture of design program with palette open and card designs visiable

Creative / Development Inspiration 63

This weeks design development inspiration covers a range of tech/web based based articles. Do you need some hints and tips for designing UX for search? What about the benefits of designing a website without colour first? Well we have that, and more!

 

Designer Resources, Examples and Inspiration

4 Reasons Why You Should Design Without Colour First

Creating your screens in grayscale before adding colour forces you think clearly and prioritise right when it comes to UX design.

https://medium.com/devsdesign/4-reasons-why-you-should-design-without-color-first-c0e38180f689

 

Best UX Practices for Search Inputs

Search is a powerful tool, and as one of the most common elements that we interact with on a daily basis, search input usability is an important consideration.

https://uxdesign.cc/best-ux-practices-for-search-inputs-c44dba565448

 

Best Free Tools for Adding Dynamic Animations to UI

Animations are not just entertaining pieces. They can perform rather serious tasks. Some are used to glue the overall user experience together, while others enhance the accessibility of the interface, making it approachable and understandable.

https://designmodo.com/dynamic-animations-ui/

 

Development Snippets, Samples, and Articles

Performance with Gatsby: From Zero to Hero

Maze found a 70% increase when they moved their tech stack to use Gatsby instead of React.

https://blog.maze.design/performance-with-gatsby/

 

Creating a File Upload Component with React

In this tutorial you will learn how to create a working file upload component with react from scratch using no dependencies other than react itself.

https://malcoded.com/posts/react-file-upload

 

Apex – Up

Up deploys infinitely scalable serverless apps, APIs, and static websites in seconds, so you can get back to working on what makes your product unique.

https://github.com/apex/up

 

A bit of everything

The Failed Netflix Homepage Redesign Experiment That Nobody Even Noticed

Large tech companies always run tests. Here’s one that someone found.

https://goodui.org/blog/the-failed-netflix-homepage-redesign-experiment-that-nobody-even-noticed/

 

Mixed

Real-time whiteboard and collaboration tools for distributed teams

https://mixed.io

 

JamStack WTF

JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.

https://jamstack.wtf/

 

The Thumb Zone

Joe talks about how apps should be “thumb-able”. As many tasks as possible should be able to be achieved with just the thumb.

https://joecieplinski.com/blog/2018/12/10/the-thumb-zone/

Blue background, with white dots and lines representing the Internet of Things

Creative / Development Inspiration 62

This weeks design and developer inspiration rundown includes some of the best articles and examples from across the interwebs this week. Do you rely on UX research without thinking about the data you have? Are to completely sure on the UX microcopy you are writing? Maybe you just want some good old website inspiration.

 

All of that is here!

 

Enjoy.

 

Website Inspiration

Justine Win Canete

A very very simple freelancer website. But each section is easy to consume! This can often be overlooked, and is generally the main point of a website. Put down the artists paintbrush, and consider the end goal.

https://justinewin.com/

 

Nomadic Tribe

Not sure the reason for this website, but it is an incredible use of sound, engagement and animation to tell a story

https://2019.makemepulse.com/

 

Designer Resources, Examples and Inspiration

Can’t Unsee

Think you know the best layout for components? Try this test to see if you know what is right, and what is wrong. I got silver!

https://cantunsee.space/

 

Errors in a Form

Help users recover from errors by clearly identifying the problems and allowing users to access and correct erroneous fields easily.

https://www.nngroup.com/articles/errors-forms-design-guidelines/

 

Form Design – Optional Fields

A simple way to show optional fields is to put ‘(optional)’ within the question’s label. But this is not necessarily the best experience for users. This is where branching can help.

https://adamsilver.io/articles/form-design-handling-optional-fields

 

Development Snippets, Samples, and Articles

10 Steps How to Automate your API Testing Effectively

The main purpose of this post is to solve all the problems mentioned above by automating the API testing and integrate it with Jenkins CI. It’s easier than you think if you choose the right tools and techniques for that job.

https://medium.com/prismapp/10-steps-how-to-automate-your-api-testing-effectively-af866fba942f

 

Using Dotfiles for Managing Development and Many Other Magical Things

Instead of copying and pasting each command into the terminal individually, we can automate and run all things in one go

https://css-tricks.com/using-dotfiles-for-managing-development-and-many-other-magical-things

 

A bit of everything

The 7 Deadly Sins of User Research

It’s fashionable to blame poor usability on firms not doing enough customer research. On the face of it, this seems like the obvious cause of poor usability. If firms only did the research, they would realise their product was a dud. But, like all obvious reasons, it’s wrong.

https://blog.marvelapp.com/7-deadly-sins-user-research/

 

UX Microcopy

It is tough to find a balance between empathy and humour. Whether you’re in the writing/design field, or someone who deals with customers on an ongoing basis, the key to creating memorable experiences starts with putting yourself in your users’ shoes.

https://uxdesign.cc/ux-microcopy-finding-a-balance-between-empathy-and-humor-d0de32795154

 

IFTTT

IFTTT is the free way to get all your apps and devices talking to each other. Not everything on the internet plays nice, so here is a site with a mission to build a more connected world.

https://ifttt.com/

American Sex Education App Display Banner

Creative / Development Inspiration 61

Website Inspiration

Adult Swim – Singles

https://www.adultswim.com/music/singles-2018/

 

Designer Resources, Examples and Inspiration

Inclusiveness in Web Design

Not a week goes by when I don’t hear “But this website doesn’t need to be accessible, thats not the target market”. So you are happy to lose a potential 19% of revenue for the client? That’s a big decision to make in 30 seconds.

https://thoughtsandstuff.com/the-inclusive-web-why-it-should-matter-to-businesses/

 

A comprehensive guide to designing UX buttons

How can a button do the best that it can do? What are the rules behind sizes, user flow, colour? Its all here.

https://www.invisionapp.com/inside-design/comprehensive-guide-designing-ux-buttons/

 

New VR sketching tool looks to make product design “quicker and more efficient”

Gravity Sketch enables designers to create 3D virtual models in mid-air using a virtual reality headset and handheld controllers, cutting out the need for 2D sketches.

https://www.designweek.co.uk/issues/31-july-6-august-2017/new-vr-sketching-tool-looks-make-product-design-quicker-efficient/

 

Development Snippets, Samples, and Articles

Matter

Material components – Pure CSS

https://github.com/finnhvman/matter

 

Flexbox Ninja

Case studies for all those standard layouts you always wanted to do!

https://flexbox.ninja/

 

A bit of everything

Gamifying one of America’s “touchier” subjects — a UX case study

Less than half of U.S. states require sex education in some form. How could this gap be filled? (pun intended)

https://uxdesign.cc/gamifying-one-of-americas-touchier-subjects-a-ux-case-study-8102017185d7

 

Why we should give up adding pictures to personas — the case, when empathising goes wrong

User personas help massively in telling the user story. They help get buy in from the team and client, as well as understanding the user. But what happens when you add too much information?

https://uxdesign.cc/why-we-should-give-up-adding-pictures-to-personas-the-case-when-empathising-goes-wrong-6c0c8c50fce0

 

What Parralax Lacks

Parallax-scrolling effects add visual interest, but they often create usability issues, such as content that is slow to load or hard to read. Consider if the benefits are worth the cost.

https://www.nngroup.com/articles/parallax-usability/

Lego mini figures made entirely from CSS and HTML

Creative / Development Inspiration 60

Website Inspiration

Design Agency

The landing page goes straight for the kill. They know what the user wants, so provide it straight immediately. Combined with great design and visuals this site is a perfect example of a great sales funnel.

https://designagency.io/

 

Designer Resources, Examples and Inspiration

Misrepresenting the truth to make travelling easier

Transforming maps into diagrams can help speed up travelers’ comprehension, but requires removing many factual details. How do we know what hurts and what helps?

https://uxdesign.cc/misrepresenting-the-truth-to-make-traveling-easier-9a02874cb9b

 

Building Brand Loyalty and Reducing Anxiety with UI Animation

Turn moments of anxiety into opportunities to delight users and build emotional bonds through animation.

https://medium.com/movingui/building-brand-loyalty-and-reducing-anxiety-with-ui-animation-1cf6d6307033

 

How Web Designers Can Contribute To Mobile-First Marketing

You’ve proven your expertise in designing mobile-first websites for clients. It might be time you made a move into designing mobile-first marketing campaigns for them as well.

https://www.smashingmagazine.com/2019/01/mobile-first-marketing-tips/

 

Development Snippets, Samples, and Articles

Sweet Alert 2

A clean, simple, easy to implement popup box. Accessible, and with zero dependencies. Add it to your list.

https://github.com/sweetalert2/sweetalert2

 

Shards Dashboard React

A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components.

https://github.com/DesignRevision/shards-dashboard-react

 

The Mistakes Developers make when Coding a Hamburger Menu

Browser inconsistencies, and constantly changing goal posts can making developing tough at the best of times. Now focus it on one tiny button, with massive UX considerations.

https://medium.freecodecamp.org/the-mistake-developers-make-when-coding-a-hamburger-menu-f46c7a3ff956

 

CSS Lego Minifigure

A brilliant CSS Lego person, fully customizable. A great example of what can be achived in CSS.

https://codepen.io/joshbader/pen/MZMzjr

 

CSS Dinosaur

Just a dino on a walk

https://codepen.io/RobertMarshall/pen/NeOPPv

 

A bit of everything

We are not our users: we should not tell them how to feel

To create respectful and inclusive services we must put our feelings aside, be humble and focus persistently on the experience of our users. Get rid of that personal bias.

https://digitalblog.coop.co.uk/2019/01/17/we-are-not-our-users-we-should-not-tell-them-how-to-feel

 

TruePush

Free forever push notifications for everyone

https://www.truepush.com/home

 

Will 2019 be the death of the agency model?

Not so sure on the clickbaity headline, but the article has some interesting thoughts. For example:

progressive agencies will begin to reinvent themselves as a flexible, agile team of specialists that are built around their client’s exact needs

https://www.prolificnorth.co.uk/features/2019/01/will-2019-be-death-agency-model

User Journey Mapping

Creative / Development Inspiration 59

Due to conversations about processes, this week I have included several articles on UX process, and how to write User Stories. These articles go hand in hand with slowing down the design process! As well as these goodies, there is a great website example, an article on web performance ethics, and more in this weeks design and development inspiration rundown!

 

Enjoy!

 

Website Inspiration

Bureau

Website to sell office furniture. Sleek, minimum. To the point.

https://www.bureauwork.com/

 

Designer Resources, Examples and Inspiration

Velocity

A dashboard UI kit with robust design system. A great example of a fully fledged UI.

https://www.invisionapp.com/inside-design/design-resources/design-system-dashboard-ui-kit

 

What is Your UX Process?

A lot of talk at the moment about proper web process. Here is a flow that works.

https://uxdesign.cc/what-is-your-ux-process-2fa146eb8380

 

The Case for Slowing Down the Design Process

It seems like rushing around in an effort to finish off projects is part of being a designer. The faster it get done, the faster we (hopefully) get paid for our efforts. What about slowing down? Maybe we could get more money?

https://speckyboy.com/slowing-down-design-process/

 

Development Snippets, Samples, and Articles

Static Site Boilerplate

A better workflow for building modern static websites. Automated build processes, a local development server, production minification and optimizations, and the latest standards for static websites.

http://staticsiteboilerplate.com

 

The Ethics of Web Performance

Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess of resources, whether on the network or on the device, don’t just cause slow experiences, but can leave entire groups of people out

https://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/

 

Percy

An all in one visual review platform. A massive time saver! Automated and everything…

https://percy.io/

 

A bit of everything

Writing Copy for Landing Page

Stripe talks through how to write landing page copy that delights visitors and converts customers.

https://stripe.com/atlas/guides/landing-page-copy

 

LiveFile

Interactive presentations for remote audiences.

https://livefile.io/

 

Practical Tips for User Journey Mapping

The User Journey Map is a fundamental part of every product or service design process. This article covers practical guides that will help you get the most from experience mapping.

https://phase.com/magazine/user-journey-map/

Mapping a User Story

Creative / Development Inspiration 58

New year happened. and then Christmas happened. And then I went away for jolly. Enough time to break a habit.

 

Not a chance.

 

This weeks design and developer inspiration rundown has even more of the good stuff. Want to know more about accessibility? Check. How about the newest CMSs on the scene? I got you. Enjoy!

 

Website Inspiration

Beauregard

Beautiful beautiful website. Smooth movement, great imagery and subtle copy. Only one issue… it auto-plays music you cannot turn off. Are they being serious?!

https://www.beauregard.ch/

 

Designer Resources, Examples and Inspiration

Designing for Accessibility is not that hard

Seven easy-to-implement guidelines to design a more accessible web

https://www.invisionapp.com/inside-design/designing-accessibility-not-hard/

 

Merge

Build one component, apply everywhere. Keep an eye on this. It could be big. Making web dev smoother and faster.

https://www.uxpin.com/merge

 

The dilemma of designers’ empathy delusions

Taking a bit of a reality check on how empathetic you really are and for whom can help make you a more effective designer, not just an idealistic one.

https://medium.com/shapingdesign/the-dilemma-of-designers-empathy-delusions-a61f0663deaf

 

Development Snippets, Samples, and Articles

Remove Image Background

Using AI and come clever code, this website (it has an API) removes an images background in 5 seconds. So much potential for apps…

https://www.remove.bg/

 

Destyle

Think normalise.css. Think reset.css. But think better.

https://github.com/nicolas-cusan/destyle.css

 

Twill

Slim, sleek and sexy new CMS built on Laravel. Open Source and flexible. Will be trying this one out for size.

https://twill.io/

 

Jigsaw

Another static site. This one seems cleaner and easier to set up though? Ill let you be the judge.

https://jigsaw.tighten.co/

 

A bit of everything

The Rise of the Content Mesh

Use best-of-breed solutions tailored to specific use-cases like e-commerce or blogging; it provides a modern framework for rapid iteration and it generates lightning fast websites out of the box. Enter the content mesh!

https://thoughtsandstuff.com/the-rise-of-the-content-mesh/

 

Story Mapping, Visual Way of Building Product Backlog

Story mapping is a top-down approach of requirement gathering and is represented as a tree. Story mapping starts from an overarching vision. A vision is achieved via goals. Goals are reached by completing activities. And to complete an activity, users needs to perform tasks. And these tasks can be transformed into user stories for software development.

https://www.thoughtworks.com/insights/blog/story-mapping-visual-way-building-product-backlog

 

Are Your Analytics Lying?

Most people are not ready to convert right away and you shouldn’t expect them to do so anyway…

Basically I’m saying you need to focus on long term conversion strategies too!

https://www.cortes.design/post/saas-marketing-myth-analytics

 

Milanote

Capture your teams ideas, all in one place.

https://milanote.com/

 

Screen Guru

Take a screenshot of any website. Easily.

https://screen.guru/

 

Spotify Design

Spotifys very own blog section of design. Well worth a scroll through!

https://spotify.design/

Content Mesh Plug and Play

The Rise of the Content Mesh

On October 4th 2018 an article named “Delivering Modern Website Experiences: The Journey to a Content Mesh” was published by Sam Bhagwat on gatsbyjs.org. Sam introduced the concept of a Content Mesh, and touched on the different pieces that are involved.

 

In essence, the Content Mesh allows you to (from Sams article):

select best-of-breed solutions tailored to specific use-cases like e-commerce or blogging; it provides a modern framework for rapid iteration and it generates lightning fast websites out of the box.

 

That, is an exciting sentence.

 

There are have been multiple times across different projects where I have wanted to use a piece from this platform, and a piece from that service, but have been tied to a pre-set CMS with no flexibility. It looks like we have a solution!

 

Why hasn’t Content Mesh been possible before?

Honestly. It has been.

REST APIs have been around for years, and web developers have been able to integrated third-party services into websites. Google Analytics is a perfect example of a script that can be dropped into a site and managed elsewhere. I don’t believe it is a case of “it wasn’t possible”, but rather it hadn’t been widely considered. The reason it is getting traction now is because of the following points.

 

Dedicated web services for specific use-cases

Fully fledged CMS services still exist, they are continually being improved and built upon. However, micro-services are built to do one thing, and do it right. This means that the right tools can always be used for the job, as opposed to hacking a pre-existing functionality to do it for you (you have to love WordPress development…).

 

Consider a Ecommerce business for instance. Products need to be managed, payments need to be taken, as well as a blog, CRM, user data storage, and analytics.

 

One size fits all

In the past I would have directed a client to a monolithic approach, such as Magneto. It handles everything (which is great at first) but development and change is restricted by the software. This become a problem when rolling out continual changes that eventually go against the built in functionality.

 

So micro-services?

Now it is a different story. Each need has a service!

These can all be called via the respective APIs and shown on the central site.

 

Each one of these services does a certain job, and it does it well. They have comprehensive documentation, and a boat load of code already written to drop into a site. It is highly likely that the individual managing the products for example, is not going to be the same person writing the blogs. By separating these areas means less distraction, and a cleaner, streamlined approach to the management of the website.

 

There are several benefits to this micro-service approach:

  • If one service fails, the rest can still function – this allows fault isolation
  • Stronger security – each service has its own credentials
  • Easy integration and deployment – NPM, Netlify, etc
  • Not locked-in to a specific stack – can try other services
  • The website can easily be scaled – if a service isn’t working to its fullest, remove and replace
  • Easier understanding – each tool explains what it does, and only what it does

 

An evolution of workflow and techniques

The older monolithic services are generally built on top of older technologies and have a slower development process. Need to add functionality? Then it looks like you are writing a large PHP function that goes against the softwares original design. Need to maintain a local environment? Well it’s going to take time pulling in changes from team members.

 

This has been addressed by more modern technologies, take React and Vue for example. These JS frameworks enable fast spin up times, super easy to start a new project (think create-react-app), and an incredibly large community pushing improvements all the time. The open-source aspect of JS is great, with problems being solved, packaged, and stored on NPM.

 

These technologies partnered with the agile methodology (or similar, touchy subject) means that ideas can be brought to life in the blink of an eye (internet speed dependant). The web development community has got on board with this “packaged” concept and are really running with it. More and more businesses are understanding the idea of rolling out an MVP and building on it. Introducing Sprints and weekly roll outs to the workflow. This type of mindset requires a more flexible, more scaleable set of tools. The speed of production depends on it.

 

Because of this, micro-services are able to fall into place easily, meaning the arrival of the content mesh. By being treated as another package on NPM, it is as easy as running a short command in a console and including into the code base. Most of the fiddly stuff is handled by Webpack. Everything is very close to being plug and play.

 

So what next?

Obviously each project has its own set of requirements and restrictions but I would argue that the content mesh strategy can be applied to almost all cases. Once a basic framework has been created that works for you and your team, services can be introduced easily. You can replace that “one size doesn’t quite fit” solution and use whatever works best. Currently it seems only GatsbyJS comes with out-of-the-box integration, but it won’t be long before others join the race. The concept of a content mesh means the best solutions can all be used. This is definitely the right direction.

Adobe XD Auto Animate Banner

Creative / Development Inspiration 57

Website Inspiration

Andy Allen

Portfolio of a designer. Simple. Quick to load. Gets to the point.

http://www.andyallen.co/

 

Designer Resources, Examples and Inspiration

Adobe XD Auto Animate

It’s a fight to see who can get the best product out. Sketch is doing well, but Adobe keep upping their game. The newest feature seems pretty exciting!

https://www.behance.net/gallery/72065227/Auto-Animate-UI-Kit

 

How To Improve UX of Web Forms

By creating forms, you build an interface where dialogue happens. So, the goal here is to make sure that the form asks the right questions at the right time.

http://maxsnitser.com/blog/how-to-improve-ux-of-web-forms

 

Development Snippets, Samples, and Articles

An Empathy Lesson & Test on Accessibility for Developers

This article walks through 5 reasons why accessibility is so important when creating websites

https://www.ronaldjamesgroup.com/article/an-empathy-lesson-test-on-accessibility-for-developers

 

Rallax.js

I personally use a libary called Rellax. So when this came out I was pretty intrigued. Small. Vanilla JS. Dynamic parallax without dependencies.

https://chriscavs.github.io/rallax-demo

 

Coder

This web app looks like it is going to be a life changer for me. The full code editor, in the cloud. Starting with 3GB free, before any money is needed.

https://www.coder.com

 

WordPressify

A design system to automated your WordPress development. Looks a dream!

https://github.com/luangjokaj/wordpressify

 

A bit of everything

Only One Deliverable Matters

Too many people get precious about those documents—I know I’ve been guilty of it. Somewhere along the way, detailed wireframes, high-fidelity comps, and motion prototypes all got enshrined as critical deliverables. Those design artifacts are unimportant. Only one deliverable matters: the product itself.

https://bigmedium.com/ideas/only-one-deliverable-matters.html

 

Social Media Image Resizer

Need quick, clean image resizing? Promo has you covered.

https://slide.ly/promo/image-resizer/

 

Hand tremors and the giant-button-problem

This article looks at the accessibility problems with buttons, and how those with hand-tremors struggle with bad UI.

https://axesslab.com/hand-tremors/

Humaaans Illustration Design System

Creative / Development Inspiration 56

Are you able to be the villain? What about if the product you are making has potential to harm? Also, on a more positive note. Here are some great examples of design systems, the state of UX in 2019, and more! Enjoy!

 

Designer Resources, Examples and Inspiration

Stop Showing Design Options and Commit

Normally create 20 different versions and let the client pick? But you are the expert, no?

https://medium.com/slite/stop-showing-design-options-and-commit-595d80bdb4aa

 

The State of UX in 2019

We have seen quite a lot this year. Here’s what to expect for UX in 2019.

https://trends.uxdesign.cc/

 

Humaaans

Mix and match illustrations of people with a design library. Definitely bookmark this!

https://www.humaaans.com/

 

A UX Guide For Designing Error Pages

404’s & maintenance pages. Use this checklist before you get started.

https://blog.prototypr.io/a-ux-guide-for-designing-error-pages-fb9ced1f1c8a

 

Development Snippets, Samples, and Articles

Why You Shouldn’t Split Test During an eCommerce Redesign

Comparing the performance of the old and new site isn’t as useful as other exercises during the redesign process you can run. Don’t split test this!

https://www.goinflow.com/ecommerce-redesign-best-practices/

 

Awesome Design Systems

A collection of design systems, some open source. All the way from Audi, to Cloudflare. Some great examples.

https://github.com/alexpate/awesome-design-systems

 

React Create

Simple library to create component templates for React and React native projects.

https://github.com/obiwankenoobi/create

 

Tiny Details: A Look at Hamburger Menu Reveal Transitions

Examples of the hamburger menu done well, and also not so well. A few nice takes here.

https://speckyboy.com/hamburger-menu-reveal-transitions/

 

A bit of everything

Be the Villain

They’re not going to be fun conversations. It’s not going to be easy convincing others that these aren’t paranoid delusions best tucked out of sight in the darkest, dustiest corner of the backlog. Realistically, talking about it may even harm your career.

https://24ways.org/2018/be-the-villain/

 

8 Lessons from Creating a Design System

Mono created a design system. Here is what they learnt along the way!

https://mono.company/design-systems/eight-lessons-from-creating-a-design-system/

 

Raindrop.io

Think bookmarks, but your your team. Build collections of assets, or working on a new job that needs inspiration. Raindrop makes it simple.

https://raindrop.io/

Dogs on CodePen Banner

Creative / Development Inspiration 55

This week is more UI focused, due to a project that I am working on. I have still managed to include some brilliant development inspiration articles, and a few thought pieces at the bottom of the rundown. Have a good week!

Designer Resources, Examples and Inspiration

Adobe XD Wireframe Kits

A collection of Adobe XD wireframes to get you off the ground in your next web project!

https://newtodesign.com/xd-wireframe-kits/

 

Accessibility before Aesthetics

It’s time we start addressing accessibility before aesthetics in our design processes to create meaningful products for our diversified societies and cultures. Before diving into the Why, How and What of it, let’s revisit the definitions of these terms to set the context.

https://uxplanet.org/accessibility-before-aesthetics-9a0fb463e149

 

Montage

Fast, easy prototyping for everyone. Using a user-generated library of components, designs can be got of the ground quicker than ever.

https://www.trymontage.com/

 

Rememberly — A UX case study to help people affected by Alzheimer’s and Dementia

A brilliant case study for a apps UX that needs to do its job.

https://medium.com/tj-egbert-design/rememberly-a-ux-case-study-to-help-people-affected-by-alzheimers-and-dementia-6a5c17a1e690

 

Development Snippets, Samples, and Articles

Zeroheight

This brings the design system closer to everyone involved. Starts with the designers, then can be fleshed out by the developers. Edited by everyone.

https://zeroheight.com/

 

The Dogs of CodePen

10 animated dogs. Thats all.

https://blog.codepen.io/2018/09/05/the-dogs-of-codepen/

 

Strategies For Headless Projects With Structured Content Management Systems

Using a Structured Content Management System (SCMS) can be a great way to free your content from a paradigm that begins to feel its age. In this article, Knut Melvær suggests some overarching strategies, with some concrete real-world examples on how to think about working with structured content.

https://www.smashingmagazine.com/2018/11/structured-content-done-right/

 

Getform

Not enough time to build in a form? Use Getform! Backend platform for designers and developers.

https://getform.io/

 

FreeCodeCamp – JavaScript Platform Game Tutorial

Lear how to build a Maria like platform game with this 3 hour video tutorial!

https://www.freecodecamp.org/news/beaucarnes/platformer-game-turorial-javascript–m1JO9zlF4

 

Drop-Down Usability: When You Should (and Shouldn’t) Use Them

Deciding when to use a drop-down — or when to use another interface type, such as a radio button interface or open text field — for a specific input can be tricky. This article talks through the when and wheres.

https://baymard.com/blog/drop-down-usability

 

A bit of everything

Deep Dive Duck

Need to keep an eye on your competitors? Monitor changes on their site and get it set to you in a weekly email!

https://deepdiveduck.com/