📁 RESOURCES
Website Resources for Web Design, Development & SEO
The Resources hub brings together practical templates, checklists, cheat sheets and web design resources to help website owners, designers, developers and digital professionals work more efficiently — from planning a new site to launching and maintaining it.
- Four focused resource categories
- Adapt every resource to your project
- Useful for owners, designers and developers
WHY RESOURCES
Practical Resources for Website Projects
Most website projects repeat the same kinds of work: planning pages, designing layouts, writing markup and styles, checking SEO, preparing content, launching, maintaining and auditing. Starting from scratch every time wastes effort and makes it easy to miss something important.
Well-organised resources reduce repetitive work and help keep processes consistent, whether you’re running your own site, working on client projects or handling ongoing optimisation. Templates give you a starting point, checklists keep tasks on track, cheat sheets put common references within reach, and web design resources support better decisions.
RESOURCE CATEGORIES
Explore Our Resources
Choose a category to find resources for the task in front of you.
Templates
Reusable starting points for common website and digital tasks, such as website layouts, page structures, content structures, website sections, project documents and reusable design patterns.
Checklists
Organise recurring tasks and reduce the chance of missing important steps across website launch, SEO checks, maintenance, design review, performance checks, content review and pre-launch tasks.
Cheat Sheets
Quick-reference information for common web design and development tasks, covering HTML, CSS, SEO, web development, common syntax and frequently used concepts.
Web Design Resources
Useful references, guidance and practical material for projects, including design references, UX resources, typography, colour, UI resources and development references.
PROJECT LIFECYCLE
Resources for Every Stage of a Website Project
Plan
Organise requirements, content and project structure.
Design
Use design references, templates and UI resources.
Develop
Use development references, cheat sheets and technical resources.
Optimize
Use SEO, performance and website review resources.
Launch
Use launch and quality-assurance checklists.
Maintain
Use maintenance checklists and ongoing references.
TEMPLATES
Website Templates
Templates provide structured starting points for common website tasks — the sections a service page usually needs, the layout of a landing page, or the outline of a project brief. They save time and keep work consistent, but every template needs adapting to the brand, content and goals of the project.
The previews shown are generic examples of template types, not downloadable files.
IMAGE PLACEHOLDER
Template preview image
Recommended ratio: 16:10 — replace this container with an Image widget.
CHECKLISTS
Website Checklists
Checklists help organise tasks before, during and after a website project, so recurring steps aren’t forgotten when deadlines are tight. Common checklist types include:
Copy the example to start your own list, then add items specific to your website.
[ ] Page titles and meta descriptions reviewed [ ] One H1 per page [ ] Forms tested [ ] Mobile layouts checked [ ] HTTPS working [ ] XML sitemap available [ ] Analytics configured [ ] Backups scheduled
CHEAT SHEETS
Quick Reference Cheat Sheets
Cheat sheets put frequently used information in one place, so you can check syntax or a common pattern without searching through documentation. Topics include:
HTML
Quick-reference topic
CSS
Quick-reference topic
SEO
Quick-reference topic
Web Development
Quick-reference topic
Website Performance
Quick-reference topic
<a href="/page/">Descriptive link text</a> <img src="image.webp" alt="Describe the image" width="800" height="600"> <button type="button">Action</button>
Always confirm details against official documentation for the technology and version you’re using.
WEB DESIGN
Web Design Resources
Good web design draws on many kinds of material: inspiration and references, typography and colour guidance, UI and UX patterns, development references and accessibility guidance. Combining these helps designers make choices that look good and work well. Build the fundamentals with our web design guides.
IMAGE PLACEHOLDER
Web design resource library visual
Recommended ratio: 16:10 — replace this container with an Image widget.
WORKFLOW
How to Use These Resources
Find the Right Resource
Choose the category related to your current task.
Review the Material
Understand the resource before applying it.
Adapt It to Your Project
Customise templates, checklists or references to your requirements.
Apply It
Use the resource within your workflow.
Review the Result
Check the final implementation and adjust where necessary.
WHO IT'S FOR
Who Are These Resources For?
Website Owners
Resources for planning, reviewing and maintaining a website without starting from scratch.
Web Designers
Templates, design references, UI resources and practical review checklists.
Developers
Technical references, cheat sheets and development resources for everyday tasks.
SEO & Digital Professionals
SEO checklists, references and website optimisation resources.
RESOURCE KIT
Build Your Website Resource Kit
Each resource type solves a different problem. Combined, they form a practical kit: templates to start, cheat sheets to build, web design resources to guide decisions and checklists to review before launch. Keep the pieces you use most in one place and refine them after each project.
ORGANISATION
Find the Right Resource Faster
Resources are organised by type and by topic, so you can go straight to what you need — for example, an SEO checklist, a CSS reference or a landing page template. The panel shows how resources are grouped; use the category links above to browse.
filterCONTEXT
Use Resources With Context
Resources are starting points, not universal rules. Use them with judgement.
Not Every Checklist Applies
Remove items that don't fit your site and add ones that do.
Templates Need Customisation
Adapt structure, content and design to the brand and audience.
Match the Technology
Use technical references for the right language, framework and version.
SEO Practices Change
Recheck guidance against current search engine documentation.
Every Project Differs
Requirements vary between websites, so adapt the process too.
MORE RESOURCES
Explore More Website Resources
Tools
Practical utilities for development, SEO, performance and content.
Reviews
Reviews of hosting, builders, plugins, SEO and AI tools.
Comparisons
Comparisons of website technologies, platforms and tools.
Web Development
Resources covering website development technologies.
Website SEO
Resources for search optimisation and website analysis.
CMS
Resources related to content management systems.
Hosting & Domains
Resources related to website infrastructure.
AI for Websites
AI applications for website workflows.
Website Speed
Resources related to website performance.
FAQ
Frequently Asked Questions About Website Resources
Quick answers about using templates, checklists, cheat sheets and design resources.
Explore Website Resources
Find practical templates, checklists, cheat sheets and web design resources to support your next website project.