Blogging links
Updated 4 days, 8 hours ago1
A living hub of blogging resources, from early sparks to fine-tuning. Updated often with new good stuff. Anything missing? Reach out.
Menu
- Blogging
- Writing
- Design
- Accessibility
- Optimization
- Add-ons
- Discover
- Ideas
- Resources
- Webrings
- Challenges
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
- Code Corners
- CSS Background Patterns
- CSS flag generator
- CSS mesh gradients
- CSS3 Patterns Gallery
- Fancy Border Radius – organic shape generator.
- Gradient Generator by Josh W. Comeau
- Gradient Generator by Learn UI Design – CSS and SVG.
- HDR Gradients – CSS gradient generator with color spaces.
- Hero Patterns
- Polka Dot Generator
- Repper Patterns
- Shadow Gradients – CSS gradient shadow generator.
- Shape Divider – responsive section divider generator.
- Subtle Patterns
- SVG Shape Dividers – customizable section dividers.
- Transparent Textures – colorable transparent patterns.
- uiGradients
Buttons
- ButtonBuddy – accessible button colors.
- CSS Buttons
- cssbuttons.app
- UI Buttons
Colors
- Adobe Color
- Base2Tone Colorschemes
- Canva Color Palettes
- Clickart Color Reference
- Color Hunt
- Colorpeek – simply share colors.
- Colourcode
- CoolHue 2.0
- Coolors – fast palette generator.
- HTML named colors
- Material Palette
- Material UI Colors
- Mildliners
- oklch.fyi – OKLCH color picker, generator, and converter.
- Pikr – color picker with WCAG contrast checking.
- Randoma11y – endless accessible color combos.
- Shadow Palette Generator
- The 12-bit rainbow palette
- The Hydrant Directory
- uchū – color palette for internet lovers.
CSS
- CSS Bed – classless CSS themes, side by side.
- CSS Filter Generator
- CSS Icon Library
- CSS Image Filters
- CSS Shapes
- CSS Stats
- CSS-Tricks
- CSS Validation Service
- Modern CSS Solutions
- Oat – ultra-lightweight semantic UI library, zero dependencies.
- Simple.css Framework
- Transition.style – drop-in CSS transitions.
- W3Schools CSS tutorial
Fonts
- Beautiful Web Type
- Bunny Fonts – privacy-friendly alternative to Google Fonts.
- Enfont Terrible
- Font Pairings
- Font Squirrel
- Fontfabric
- Fontjoy – font pairing made simple.
- Fonts in Use
- Fontshare
- Fontsource – self-host open source fonts.
- Google Fonts
- Mixfont
- Modern Font Stacks – system font stacks, nothing to download.
- Nerd Fonts – patched fonts with icons and glyphs.
- Open Foundry
- SimpleBits
- The League of Moveable Type
- Typespiration
- xz/fonts
HTML
- HTML for People
- HTML head elements guide
- HTML Recipes
- Markup Validation Service
- MDN: Learn web development
- Plain Vanilla
- The HTML Hobbyist
- What is HTML?
Icons and symbols
- Basicons – basic icons for product design.
- Flaticon
- Font Awesome
- Fontello
- Handcrafted and Lovely Icons
- Heroicons
- HTML Symbols
- Iconfinder
- Icons8
- Ionicons
- Ligature Symbols
- Lordicon – animated icons.
- Material Symbols & Icons
- Microns
- Octicons
- Phosphor Icons
- Simple Icons – brand icons.
- Softies
- Super Tiny Icons
- SVG Repo
- Tabler – free open source icons.
- Typicons
Inspiration
- Awwwards
- CSS Design Awards
- Dead Simple Sites
- Dribbble: Web design · Blog designs
- Httpster
- The Whimsical Web
Logos
- Adobe Logo Maker
- Brandmark
- Free Logo Design
- Logo.com
- LogoAI
- Logo Maker by Design.com
- Looka Logo Maker
- Renderforest Logo Maker
Photos
Tools and guides
- Adding meta tags, manifest, and favicons
- Check your meta tags, icons, and RSS feeds
- Components AI
- Equinox – compare dark and light mode side by side.
- Favicon.io – favicon generator from image, text, emoji, or SVG.
- Keep a changelog
- Know it all
- Tiny Helpers – a collection of single-purpose web dev tools.
Videos
Accessibility
Build a blog more people can enjoy.
- Accessibility Support
- Colorable – color contrast tester.
- Contrast Checker
- How to make your blog accessible to blind readers
- Introduction to Web Accessibility
- Link Contrast Checker
- 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 – see who can read your color combinations.
- Write helpful alt text to describe images
Optimization
Handy tools to keep your site quick and tidy.
- Bookmarklets for testing your website
- Image Compression
- JS & CSS Minifier
- PageSpeed Insights
- Website Carbon Calculator
Add-ons
Small tools that add big things to your blog.
- Buttondown – create a newsletter.
- Guestbooks by Kami – Bear Blog-inspired guestbook app.
- Guestbooks by Meadow – free and simple guestbook.
- Komments – add comments to your blog.
- Letterbird – free contact form.
- Miniroll – create and embed your blogroll.
- Miniship – create and embed a changelog.
- PrintFriendly – print button for your blog.
- status.lol · shoutouts.lol – status and shoutouts.
- Tally – simple way to create forms.
- Tinylytics – a joyful analytics tool.
Discover
Read more blogs, find new favorites.
- A Blog Directory
- A list of /now pages
- A list of /uses pages
- About Ideas Now
- Bear Blog: Trending · Recent
- Blog of the Day
- Blogosphere – aggregating the best blogs from across the web.
- Blogroll – curated list of personal blogs.
- Blogs Are Back – discover and follow independent blogs.
- Bubbles – independent blogs ranked by votes and freshness.
- Bukmark Club
- Feedle – a blog search engine.
- IndieBlog.page – a random indie blog, one click away.
- Indieseek Weblog Directory
- Kagi Small Web – random posts from the small web.
- linklings.club
- Micro.blog Discover
- Minifeed
- ooh.directory – a place to find good blogs.
- PersonalSit.es – hot and fresh sites.
- powRSS
- RSS Club – posts only for RSS subscribers.
- Scribbles: Blogs · Posts
- Search My Site – a search engine for personal sites.
- Smallweb – a curated collection of neat indie websites.
- The /now garden
- Wander Console
- Wiby – a search engine for the classic, human-made web.
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.
- A collection of Bear blog resources
- Echo – RSS cross poster.
- List of blog platforms
- Markdown Guide
- omg.lol
- Own your web
- People and blogs
- Slash pages
- Subscribe Openly
Webrings
Small networks of sites that link to each other.
- An IndieWeb Webring
- A Webring List
- a11y-webring.club
- Bear random
- Bucket Webring
- CSS Joy
- Fediring
- Geekring
- Hotline Webring
- No AI webring
- Retronaut
- Rootring
- The Old Net
- The Safonts Webring
- Wayward Web
- Wordy webring
- XXIIVV
Challenges
Join in and write alongside others.
- Junited (June)
- JulyReply (July)
- AuguStory (August)
- Blaugust (August)
- SeptemBest (September)
- SepThemeBear (September)
- Knowember (November)
- 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)