Building a digital garden is all fun and games until you have no idea what to add to your website to make it alive, fun and a site fr 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