Blogger's toolbox
A living hub of blogging resources, from early sparks to fine-tuning. Updated often with new good stuff. Anything missing? Reach out.
The library was last updated 1 day, 8 hours ago.
Menu
Blogging
Why blogging matters and why you should keep going.
- Advice on blogging
- Some blogging myths
- Why you should have a website
- I am a poem I am not software
- Nobody cares about your blog
- Why you should start a blog right now
- Why you should have a blog (and write in it)
- Why have a personal site rather than social media?
- Why a personal site rather than social media presence?
- A personal site versus social media
- Everyone should blog, and that includes you
- Why I blog. You should too.
- Get blogging
- Free blogging advice
- Why do you blog
- You should write blogs
- 15 rules for blogging
- Why blogging
- Take care of your blog
- A Blog Is Freedom
- One thought
- The internet used to be fun
Writing
Tips on finding your voice and keeping it sharp.
- Why and how to write things on the Internet
- Thoughts on writing: shitty first drafts
- Just write
- How I approach crafting a blog post
- The ultimate guide to writing online
- How to start a writing habit
- Stop Giving af and Start Writing More
- Your Writing
- Write plain text files
Design
Make it look good, feel calm, and stay fast.
🖼️ Backgrounds
- CSS3 Patterns Gallery
- CSS Background Patterns
- CSS flag generator
- CSS mesh gradients
- Fancy Border Radius – organic shape generator.
- Gradient Generator
- Gradient Generator (CSS & SVG)
- HDR Gradients – CSS gradient generator with color spaces.
- Hero Patterns
- Polka Dot Generator
- Repper Patterns
- Shape Divider – responsive section divider generator.
- Shadow Gradients – CSS gradient shadow generator.
- Subtle Patterns
- SVG Shape Dividers – customizable section dividers.
- Transparent Textures – colorable transparent patterns.
- uiGradients
- Code Corners
🎛️ Buttons
🌈 Colors
- Adobe Color
- Base2Tone Colorschemes
- Clickart Color Reference
- Color Hunt
- Color Palettes
- CoolHue 2.0
- Coolors
- Colourco
- Endless Color Combos
- HTML named colors
- The 12-bit rainbow palette
- Shadow Palette Generator
- Material Palette
- Material UI
- Mildliners
- Pikr – color picker with WCAG contrast checking.
- oklch.fyi – OKLCH color picker, generator, and converter.
- The Hydrant Directory
- Colorpeek - simply share colors
🧩 CSS
- CSS Bed
- CSS Icon Library
- CSS Shapes
- CSS-Tricks
- CSS Tutorial
- CSS Validation Service
- CSS Stats
- CSS Filter Generator
- CSS Image Filters
- Modern CSS Solutions
- Simple.css Framework
🅰️ Fonts
- Beautiful Web Type
- Bunny Fonts
- Enfont Terrible
- Font Awesome
- Fontfabric
- Font pairing made simple
- Font Pairings
- Fontshare
- Font Squirrel
- Fonts in Use
- Google Fonts
- Mixfont
- Modern Font Stacks
- Nerd Fonts – patched fonts with icons and glyphs.
- Open Foundry
- SimpleBits
- The League of Moveable Type
- Typespiration
- xz/fonts
📄 HTML
- HTML head elements guide
- HTML Recipes
- Learn Web Development
- Markup Validation Service
- Plain Vanilla
- Tiny Helpers
- What is HTML?
- HTML for People
- The HTML Hobbyist
🔣 Icons & Symbols
- Basicons – basic icons for product design.
- Flaticon
- Font Awesome Icons
- Fontello
- Handcrafted and Lovely Icons
- Heroicons
- HTML Symbols
- Iconfinder
- Ionicons
- Ligature Symbols
- Lordicon – animated icons.
- Material Symbols & Icons
- Microns
- Octicons
- Phosphor Icons
- Simple Icons
- Softies
- Super Tiny Icons
- SVG Repo
- Tabler – free open source icons.
- Typicons
- Icons 8
🌟 Inspiration
- Awwwards
- CSS Design Awards
- Dead Simple Sites
- Dribbble
- Httpster
- Inspirational Blog Designs
- The Whimsical Web
🔖 Logos
- Adobe Logo Maker
- Brandmark
- Free Logo Design
- Free Online Logo Maker
- LogoAI
- Looka Logo Maker
- Logo Maker by Design.com
- The Ultimate AI Logo Maker
📷 Photos
🧰 Tools & Guides
- Adding meta tags, manifest, and favicons
- Check your meta tags, icons, and rss feeds
- Components AI
- Keep a changelog
- Know it all
🎬 Videos
Accessibility
Build a blog more people can enjoy.
- Accessibility Support
- Contrast Checker
- How to make your blog accessible to blind readers
- Introduction to Web Accessibility
- Link Contrast Checker
- Colorable – color contrast tester.
- Principles Of Web Accessibility
- Readability Analyzer – in-depth readability scoring.
- Readability Test
- Usability & Web Accessibility
- Using the language attribute to make your website accessible
- Web Accessibility Checklist
- WhoCanUse — color contrast checker
- Write helpful Alt Text to describe images
Optimization
Handy tools to keep your site quick and tidy.
- Bookmarklets for testing your website
- PageSpeed Insights
- JS & CSS Minifier
- Image Compression
- Website Carbon Calculator
Add-ons
Small tools that add big things to your blog.
- Komments – add comments to your blog.
- Letterbird – free contact form.
- Tinylytics – a joyful analytics tool.
- Buttondown – create a newsletter.
- Guestbooks by Meadow – free and simple guestbook.
- Guestbooks by Kami – Bear Blog-inspired guestbook app.
- Tally – simple way to create forms.
- PrintFriendly – print button for your blog.
- status.lol · shoutouts.lol – status and shoutouts.
- Miniroll – create and embed your blogroll.
- Miniship – create and embed a changelog.
Discover
Read more blogs, find new favorites.
- A Blog Directory
- Blogroll – curated list of personal blogs.
- Feedle – a blog search engine.
- ooh.directory – a place to find good blogs.
- PersonalSit.es – hot and fresh sites.
- Bear Blog: Trending · Recent
- Scribbles: Blogs · Posts
- Micro.blog Discover
- IndieBlog.page
- Search My Site
- About Ideas Now
- A list of /now pages
- A list of /uses pages
- Indieseek Weblog Directory
- Blog of the Day
- Minifeed
- RSS Club
- Bukmark Club
- Blogs Are Back – discover and follow independent blogs.
- Smallweb - a curated collection of neat indie websites.
- powRSS
- Kagi Small Web
- Wander Console
- linklings.club
Ideas
Lists and prompts to kick things back into motion.
- Daily prompts
- 50 ideas for blog posts
- 100 things you can do on your personal website
- 100 (more) things you can do with your personal website
- What to blog about when you don't know what to blog about
- 100 blog post topics to write about
- Blog Prompts
- BlogBuddy
Resources
Useful things that didn't fit anywhere else.
- Echo – RSS cross poster.
- Markdown Guide
- omg.lol
- Own your web
- People and blogs
- Slash pages
- Subscribe Openly
- List of blog platforms
- A collection of Bear blog resources
Webrings
Small networks of sites that link to each other.
- An IndieWeb Webring
- A Webring List
- Bucket Webring
- Hotline Webring
- Retronaut
- Fediring
- Geekring
- The Safonts Webring
- The Old Net
- XXIIVV
- CSS Joy
- a11y-webring.club
- Wayward Web
- Rootring
- Bear random
Challenges
Join in and write alongside others.
- Junited (June)
- JulyReply (July)
- Blaugust (August)
- SeptemBest (September)
- NaBloPoMo (November)
- Writing Month (November)
- 100 Days To Offload (Yearly)
- IndieWeb Carnival (Monthly)
- Fifty In 50 (no timeframe)
- The 100 Pics (no timeframe)
- 30 questions for me and for you (no timeframe)