In this post, I’ll explain how I containerised WordPress with custom themes and additional plugins as a Docker application and then deploy to AWS and ECS. In this example, I’ve migrated the National Archives’ blog to Amazon Web Services. WordPress is the blogging platform, which is made stateless using Docker. Docker is a software platform […]
Category Archives: Design
The National Archives’ Design Frontend Toolkit
There was a need from both designers and developers for a single source of The National Archives’ design patterns. The one tool that makes collaborative design easier is the design pattern library.
Hypothesis driven design: workshop part 2
Collaborative design is a crucial stage in the process. It allows teams to create design concepts together and help build shared understanding and joint ownership of the design problem and solutions.
Hypothesis driven design: workshop part 1
Hypothesis driven design is a way of applying user research and experimentation to validate design choices. We, as a matter of course, user test all our digital products, but do we really know what we are testing and measuring? The approach helps teams focus on finding solutions that are meaningful to users and to take calculated risks to move a product forward. Making sure design solutions deliver the outcomes we think they will using performance data to measure success or failure. And failure is fine, because we learn.
Quick start with Yoast SEO plugin for WordPress and SEO best practices
Yoast offers a very powerful free SEO management plugin for WordPress. The Premium version offers many features, but the free version is more than adequate with a bit of SEO best practice knowledge. Install Yoast SEO and activate the plugin: https://en-gb.wordpress.org/plugins/wordpress-seo/ Quick setup: Go to SEO dashboard from the menu, click on the General tab […]
How to write good titles: web content for readability, accessibility and SEO
Most people start with a search engine. Use the same vocabulary as your audience so they can find your content. This starts with your page title, summary and first paragraph. Today we will look at titles. Titles are some of the most important content on your website. They are landmarks that people use to navigate […]
Flex cards
A simply little Flex grid system with cards. The CSS layout is responsive with one breakpoint and offers equal heights with Flex (js fallback for IE9 and older). Works for: Chrome FireFox Safari 6 and above IE9 and above Download from Github: https://github.com/domingobishop/flex-cards
Video editing for web: Walter Murch’s “Rule of 6”
Walter Murch is widely recognized as one of the leading authorities in the field of film editing, as well as one of the few editors equally active in both picture and sound.