logo-bs logo-dxn logo-odl Group 19

Design Digest: speedy websites, colour accessibility and CSS grids.

Our Senior Designer, Warren Challenger, takes a look into the speed metrics of F1 websites, understanding how accessible your colours are and how designers can take advantage of new CSS techniques.

Read

Who has the fastest website in F1?

Who has the fastest website in F1?

Using tools available to everybody for free today and simulating slow speeds, ironically found at F1 events, Jake Archibald compares ten Formula 1 manufacturers websites. Diving into network requests, files sizes and how the site performs on older devices. Archibald discovers some surprising results, the manufacturers and brands you’d expect to do well, don’t.

Accessible Brand Colours

Accessible Brand Colours

Colour is an essential part of any brand, and when designing your guidelines, one of the things you must consider is accessibility. This tool shows you how ADA (Americans with Disabilities Act) compliant your colours are in relation to each other. By adding multiple colours, you can generate a chart to see how they can be used together for accessibility, and find similar colours that work better.

CSS for designers

CSS grid for designers

For years, designers have been using grids to bring order to pages. Grids as a design tool are associated with the Swiss who formalised it as a way of thinking about layout in the 1940s. Fast forward six years to the release of CSS Grid in early 2017. This technology removes a lot of the limitations that existed in CSS to date. But CSS Grid is not just a tool for front-end developers; designers can now think about web layout in new ways.

Humane by design

Humane by design

Instead of technology enhancing our abilities as humans, we’ve seen it become a vehicle for extracting our attention, monetising our personal information, and exploiting our psychological vulnerabilities. As designers, we play a vital role in the creation of such technology, and it’s time we take responsibility for the impact that these products and services we build are having on people it should serve.

 

Hot Design Links

The Benefits of Building a Progressive Web App

The Benefits of Building a Progressive Web App

Read More >

What a PWA will do for your customer’s experience?

What a PWA will do for your customer’s experience?

Read More >

Design Digest: Storytelling, unusual eCommerce, design patterns for mental health

Design Digest: Storytelling, unusual eCommerce, design patterns for mental health

Read More >

Start the conversation

Whether it’s a new site or an existing one, Jamie’s ready to respond to you on
jamie@wearejh.com or +44(0)115 933 8784