Building a digital garden is all fun and games until you have no idea what to add to your website to make it fun and a site for exploration.
The checklist I provided below contains approximately 157 distinct items and ideas for your website.
This count includes all essential pages, social/community features, content creation ideas, interactive elements, technical improvements, accessibility, design/art, slash page ideas, and miscellaneous suggestions.
It is a comprehensive, categorized, and de-duplicated checklist of things you can do on your website, combining the 82 ideas from James G’s blog, [32 bit Cafe] and the additional ideas from my own diary. Feel free to check off what you’ve done or want to do. This list is designed to inspire and help you build a truly unique, personal, and feature-rich website!
Essential Pages & Site Structure
- Home page / The main landing page for your site.
- About page (about) Introduce yourself, your background, and the purpose of your site. About page inspiration
- Colophon (colophon) Credits, tools, and design choices behind your website. What is a colophon?
- Blog (blog) Your main stream of posts and updates.
- Notes page (notes) Short-form, atomic notes or Zettelkasten-style entries. Zettelkasten method explained
- Writings page (writings) Long-form essays, articles, or stories.
- Bookmarks page (bookmarks) Links to interesting things you want to remember or share.
- Blogroll (blogroll) List of other blogs/websites you recommend. What is a blogroll?
- Favorites page (favorites) Your favorite books, movies, music, sites, etc.
- Feeds page (feeds) List of RSS/Atom feeds you publish or follow. Why a Feeds page?
- Now page (now) What you’re currently working on or focused on (nownownow.com). Now page movement
- Someday page (someday) A page where you share your future dreams, goals, and aspirations-what you hope to achieve or experience someday. Someday page inspiration
- Uses page (uses) Hardware, software, and tools you use (uses.tech). Uses page inspiration
- Ideas page (ideas) A public notebook for ideas and brainstorms.
- Interests page (interests) Topics or hobbies you’re passionate about.
- Resume page (resume) Your professional background/CV.
- License page (license) The license for your content or code.
- Privacy policy (privacy) Your privacy practices for visitors.
- Disclaimer (disclaimer) Legal or personal disclaimers for your content.
- Roadmap page (roadmap) Plans and goals for your site or projects.
- Changelog (changelog) Log of updates and changes (keepachangelog.com).
- Style guide page (style-guide) How you style and format content.
- Site map (sitemap) A map of your site’s structure for visitors and search engines.
- Archive page (archive) List of all your posts or content.
- Offline page (offline) A page shown when the site is offline. How to make an offline page
- Custom 404 page (404) Friendly error page for broken links.
- Guestbook (guestbook) Visitors can leave messages or feedback. Guestbook ideas
- Contact page (contact) How people can reach you.
- Donation page (donate) Let visitors support your work.
- Activity feed (activity) Recent actions, posts, or updates.
- TIL (Today I Learned) page (til) Today I Learned – quick daily insights.
- On This Day page (on-this-day) See posts from this date in past years.
- Random/Surprise me button (random) Takes you to a random post or page.
- Search page/feature (search) Search your site’s content.
- Site statistics page (stats) Analytics or fun stats about your site.
- Table of contents for long articles (toc) For long articles or as a site overview.
- Graphics page (graphics) Site assets, banners, buttons, or downloadable graphics.
- Shrine page (shrine) Dedicated to a favorite thing or topic. Shrines explained
- Media log (media-log) Track books, TV, games, movies, etc.
- Dream journal (dreams) Log your dreams.
- Collections/library page (library) Showcase collections, books, or resources.
- Mascot page (mascot) Introduce your site’s mascot or character.
- Place/evocative space (place) A creative or themed digital room/space. Digital gardens
- Secret page (secret) Hidden or puzzle page.
- Credits page (credits) Acknowledge tools/resources used.
- Webgarden (webgarden) A digital garden of evolving notes. What is a webgarden?
- Carry page (carry) What you carry daily (EDC, tools, etc.). Everyday Carry inspiration
- Defaults page (defaults) Your default settings/preferences for tools. Defaults page idea
- Nope page (nope) A playful nothing here or 404-style page.
- Chipotle page (chipotle) Fun, joke, or personal meme page.
- Hello page (hello) A friendly greeting or intro page.
- Save page (save) Saved links, quotes, or resources.
Social & Community
- Join or create a webring What is a webring?
- Join a pixel clique or fanlisting Pixel cliques explained
- Link to your social media
- Add rel=me links for Mastodon verification rel=me and Mastodon
- Set up Webmention support Webmention spec
- Add a guestbook or comment system Guestbook ideas
- Write a blog post responding to someone else’s post
- Make a website award and gift it to another site Web awards
Content Creation
- Write blog posts about:
- Something that interests you
- Something that brought you joy recently
- A thing you learned over the last week
- Your thoughts on a book you finished
- Your strategy for a favorite game
- Anything else you like!
- Share recipes
- Publish photos
- Share favorite books, movies, podcasts
- Share lists of web pages you’ve enjoyed
- Share your favorite quotes, poems, or lyrics
- Write tutorials
- Write about your pets
- Share your outfits, closet, or wardrobe
- Write a manifesto about why you're on the small web Small web manifesto
- Share your wishlist for collections
- Share original characters, conlangs, or worldbuilding
- Write about your internet history
- Write a review of art or media you like
- Write a list of words you learned recently
- Write a blog post with a friend
- Update an old blog post
- Write about something you added to your website (#sitedocumentation)
- Create a to-do list page for habits, projects, chores
Interactive & Fun Features
- Add a scavenger hunt
- Add an easter egg
- Add a background image or theme switcher
- Add a dark/light mode toggle
- Add a “not by AI” button if all content is original Not by AI badge
- Add a “skip to content” link for accessibility
- Add a sparkline for post frequency
- Add a random quote/image/fact widget
- Make a word game or quiz
- Make a choose-your-own-adventure story Twine
- Make a personality quiz
- Add a pixel art gallery or dollmaker
- Add a chatbox or shoutbox
- Add a cursor trail or custom cursor
- Add an interactive pixel grid
- Add a sound effect on click
- Add a background music/audio player
- Add a moodboard
- Add hovercards or tooltips
Technical & Performance
- Add robots.txt robots.txt reference
- Add humans.txt humans.txt standard
- Add ai.txt ai.txt proposal
- Add security.txt security.txt standard
- Add privacy.txt
- Add dnt-policy.txt dnt-policy.txt info
- Add pubvendors.json
- Add webfinger WebFinger spec
- Add RSS feeds RSS explained
- Add sitemap.xml Sitemaps XML
- Add meta tags (author, description, OpenGraph) OpenGraph protocol
- Add alt text to all images
- Use WAVE to check accessibilityWAVE tool
- Use PageSpeed Insights to check site speed PageSpeed Insights
- Add print stylesheet
- Add a favicon
- Add an 88x31 button What is an 88x31 button?
- Add a custom 404 page
- Add a background image or pattern
- Add a custom cursor
- Add a custom scrollbar
- Add a theme switcher
- Make your site mobile responsive
- Add lazy loading for images
- Optimize images for web
- Archive your site on the Wayback Machine
- Set up site backups
- Use Git for version control
- Organize folders/files for clarity
- Self-host your site or apps
- Replace Google Fonts with self-hosted or CDN alternatives
- Add code syntax highlighting
- Add a search feature
- Add site analytics/statistics
- Add a dashboard/homepage with widgets (weather, moon phase, etc.)
- Add a “foyer” or splash page for warnings/announcements
Accessibility & Inclusivity
- Test your site with a screen reader
- Add a skip link for screen readers
- Make your site accessible for slow connections
- Check your site’s carbon emissions Website Carbon Calculator
- Add a page for mobile accessibility
-Add JavaScript to freeze GIFs/animations freezeframe.js
Art, Graphics, & Design
- Make a pattern for your background
- Make a favicon
- Make a set of user icons
- Make a pixel-art based layout
- Make a set of downloadable pixel art
- Learn to make an animated GIF
- Add a custom cursor
- Add a set of pixel desktop icons
- Collect and display internet bumper stickers, 88x31 buttons, banners
- Add a graphics page for assets you’ve made
- Add a shrine page for a favorite thing
Miscellaneous
- Add a PGP key for secure contact
- Add a donation page
- Add a “dnt” (Do Not Track) policy
- Add a publication vendors JSON
- Add a roadmap page
- Add a mascot for your site
- Add a list of your favorite podcasts
- Add a list of your favorite websites
- Add a list of your favorite tools/resources
- Add a list of your favorite code snippets
- Add a list of your favorite layouts
- Add a list of your favorite fonts
References and Further Reading
- James G Blog: 100 things you can do on your personal website
- 32-Bit Cafe: Personal Website Ideas
- Personal Website Ideas
- Webgardens
- Someday page movement
- IndieWeb Wiki
- Sadgrl.online Web Resources
- Twine (interactive fiction)
- Keep a Changelog
- Defaults page idea
- Everyday Carry
- Guestbook ideas
- Shrines explained
- Small web manifesto
- Digital gardens