#Blogroll

Kottke.org is one of the oldest blogs on the web. It's influence on the modern web is immense. The topics vary from art to youtube essays to current news. Kottke.org

The Ooh Directory is a place to find good blogs that interest you. The website has collected of over 2000 blogs on every topic! The site is run by Phil Gyford. Ooh Directory

Ye Olde Blogroll is a a humanly curated list of fine personal & independent blogs that are updated regularly. Check out Blogroll.org

The Creative Independent website is full of resources for all creatively independent people, in the form of interviews, guides and tips.

Solar Lowtech Magazine is a website run on solar power, which means it's sometimes not available. The site aims to bring light to old and forgotten technology.

The HTML Review is an annual journal of literature made to exist on the web. Go and read the The HTML Review

This is the personal webiste of Gwern Branwen. Topics covered are both wide and deep, from psychology to statistics, to technology and anime. Gwern

Andy Bell, an experienced designer and front-end developer, based in the UK, specialising in creative web design and design systems. piccalil.li

The works, workings, and reckonings of Heydon can be found at heydonworks.com

On Luke Smith’s blog, you will find a wide range of topics: Philosophy, Language, Economics, and Software. Read it at lukesmith.xyz

The Mars Mom, Best Mom blog is all about the Moomins and its creator, Tove Jansson. Visit the Mars Mom webpage at marsmombestmom.com

Set Studio is a design studio, and they have a blog, which can be found here: The Set Studio Blog

Will Boyd's web development blog can be found here: Coders Block

Phil Gyford lives in Herefordshire, in the UK. He designs and develop things on the internet. This is his writing on the web: Gyford.com

Ahmad is an independent product designer and front end developer from Palestine. Ahmad Shadeed

Browse sites with a /now page, over at nownownow.com

Nikita Prokopov writes about programming and UI design. Read his writing over at tonsky.me

Rika Tillsammans är en blog av Jan och Caroline Bolmeson. Det är ett av Sveriges största forum om privatekonomi. rikatillsammans.se

Dan Luu’s website is pretty much the most basic HTML document you can get. But that doesn’t matter when what you write is worth reading.

Paul Graham is a programmer, writer, and investor. His website gets over a million page views per year.

This is the blog of Ahn (pronounced like ‘Ann’ and spelled like ‘Anh’), a designer and artist based in Canada anhvn.com/blog/

Read Aegir’s Words A welsh designer and illustrator. Each post has a unique HTML design and layout.

Adrian Roselli is an expert in accessibility. He's been developing accessible, effective user interfaces for the Web since 1993.

The personal blog of Kilian Valkhof, a front-end developer, user-experience designer and generalist kilianvalkhof.com

Sophie builds fun things out of HTML, CSS & JavaScript, and writes blog posts about tech and mental health. Go have a read at: localghost.dev

Geoff Graham is web designer & developer straight outta Fort Collins, CO. He writes about the web. geoffgraham.me

CSS { In Real Life } is a blog about CSS, front-end development, the web, and beyond. It's written by Michelle Barker.

Rafał Pastuszak is an experienced startup consultant specialised in web, mobile, emerging technologies and human-centred design. Read his blog at: sonnet.io/blog

The personal website of fLaMEd, who loves the web! Read the writings over at flamedfury.com

Josh W Comeau's website consist of friendly tutorials for developers. Focusing on React, CSS, Animation, and more! joshwcomeau.com

Personal blog of Jan-Lukas Else. He's an IT expert based i Germany. jlelse.blog

Cory Doctorow is a science fiction author, activist and journalist. pluralistic.net

Julien Desrosiers is a full-stack Web developer in Montreal, QC, Canada, Earth. juliendesrosiers.com

Welcome to the wide weird world of Tim Holman, this is the stuff he's made, and a little about how it was done. tholman.com

Hicks.design is the creative partnership of Jon & Leigh Hicks, working with clients globally from our studio in Witney, Oxfordshire, UK, since 2002. hicks.design

Blog page at Alvaro Montoro's Personal Website. alvaromontoro.com

The Internet Review is your source for the latest in internet technologies! theinternet.review

Melanie Richards blogs about the web platform, web design and development, accessibility, product management, and artsy side quests.

Dave Rubert is the co-founder of Luro, lead developer at Paravel, and co-host of the podcast ShopTalk.

Brad Frost is a design system consultant, web designer, speaker, writer, and musician located in Pittsburgh, PA.

Chris Coyier is a web designer and developer. He's the co-founder of CodePen, and the creator of CSS-Tricks.

Julia Wise writes about effective altruism, parenting, and more! Julia Wise

Adactio is the online home of Jeremy Keith, a web developer and author living and working in Brighton, England.

David Bushell is a freelancer based in the UK, near Manchester. He writes about website design and development.

Articles by Stephen Wolfram covering artificial intelligence, computational science and much more. stephenwolfram.com

themarginalian.org is where Maria Popova shares her reading and reckoning on the search for meaning.

Personal website of Vadim Makeev a frontend developer based in Berlin.

Ana Rodrigues, mixed jottings of tech and personal experiences. ohhelloana.blog

Journal of Peter Rukavina, updated frequently since 1999.

Dave Smyth is a designer and developer interested in privacy, type and ethics.

Shellsharks is a blog, an IndieWeb site, a community and a central point-of-presence for Mike Sass on the web. shellsharks.com

Robb Knight is a maker of web things, Lego builder, sometimes blogger, sporadic pizzaiolo, fortnightly podcaster. Cat dad and human dad. rknight.me

Jeff Sandberg is a software engineer, an amateur chicken farmer, and father.

Personal blog of Juha-Matti Santala. A community Builder, dreamer and adventurer from Finland. hamatti.org

Frontend Masters Boos is a blog about web development. It's written by the team at Frontend Masters, course instructors from the industry, and curated guest authors.

Stephanie Walter is a UX Researcher & Product Designer.

The Cascade is a member supported blog by Robin Rendle about the past, present, and future of CSS. csscade.com

Magazines

#Bookish

On the Neglected Books website, you'll find articles and lists featuring thousands of books that have been neglected, overlooked, or forgotten. Neglected Books

Worlds Without End is all about sci-fi and fantasy!

The books on Standard Ebooks are taken from the public domain. They've been formatted with better and consistent typography and given a nicer cover.

Litteraturbanken hittar du romaner, noveller, diktsamlingar och antologier på svenska.

Steve Donoghue is a renowned book reviewer, perhaps most famous for being included in the blurbs on the back of the Bible and "Crime and Punishment."

Open Letters Review is an online magazine which includes literary criticism, book reviews and recommendations, and essays on literature and culture.

Shepherd is your shepherd in the bookish world. Passionate experts recommend the best books to read on every topic imaginable.

What if you could ask any expert in any field for book recommendations? Well, stop imagining and start looking at FiveBooks.com

Enter an author, and this website will display other authors you may like. Literature Map

Given three different authors, this tool will offer you a list of similar authors. By voting, the results will be even more accurate! Check it out at Gnooks.com

These are the top novels as voted by the ISFDB, Internet Speculative Fiction Database.

The Bulwer Lytton Fiction Contest challenge participants to write an atrocious opening sentence to the worst novel never written. bulwer-lytton.com

A bookshelf

#CSS

Heydon Pickering & Andy Bell have written a book about CSS layouts. The book contains common layouts, with a code generator. Every Layout

MDN web docs provides a small collection of recipes for common CSS patterns in their CSS Layout Cookbook

CSS reset

Smol CSS collects small snippets of CSS layouts and components.

Josh W. Comeau is a real web-dev wizard, and he has written a few guides on CSS, which can be found here: Josh's tutorials on CSS.

DefensiveCSS.dev gives you practical CSS and design tips that help in building future-proof user interfaces. Written by Ahmad Shadeed.

For 100 days Michael Scharnagl tweeted about CSS properties. Here's the full list of 100 CSS properties

Games

This is a incomplete list of mistakes in the design of CSS that should be corrected if anyone invents a time machine.

CUBE CSS is a CSS methodology, you can read the documentation here: cube.fyi

A CSS project boilerplate, created and used by Andy Bell and Set Studio. CSS boilerplate

Anthony Hobday has comprised a list of visual design rules you can safely follow every time. anthonyhobday.com

At ModernCSS.dev, you will find modern CSS solutions for old CSS problems.

CSS Specifishity explains the CSS specificity algorithm with fish!

Some specific steps to improve your website design, written by Tania Rascia. taniarascia.com

A Deep Dive into Text Wrapping and Word Breaking, written by Will Boyd.

Classless CSS themes

Here is a tool to calculate the CSS specificity of selectors.

Learn CSS Grid is a great resource for learning CSS grid, written by Jonathan Suh.

Grid By Example is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.

A comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox. css-tricks.com

Blocks.css adds a layer of dimension to your web elements. Grab the stylesheet at: blocks.css

An evergreen CSS course and reference to level up your web styling expertise. web.dev/learn/css

Learn how to create a magazine styled layout with only 20 lines of CSS at css-tricks.com

A list of list style recipes by Chris Coyier. css-tricks.com

Linked List collects interesting bits and bytes about the Web. Mostly short and to the point. linkedlist.ch

Learn what's now possible in graphic design on the web together with layout.land

This is CSS Tricks comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements. CSS grid guide

csscade.com is a blog about the past, present, and future of CSS.

Learn CSS Layout the pedantic way by reading this book written by Mikito Takada

This is a CSS drawing experiment to see what's possible with a single div. Created by by Lynn Fisher. a.singlediv.com

A list composing of different useful generators for everything CSS. CSS Generators

A small toy car placed on a map.

#Food

Ibland vet man inte vad fan man ska laga till middag, kanske är då denna hemsida till hjälp: vadfanskajaglagatillmiddag.nu

Based Cooking was founded to provide a simple online cookbook without ads and obese web design. It's open source and contributions are welcome. based.cooking

Portionen Under Tian är en plattform med fokus på mat som är klimatsmart, bra för kroppen och plånboken! undertian.com

An open, crowd-sourced database of Recipes from around the world. There is also a free recipe API for anyone wanting to use it. themealdb.com

#Free Content

Free public domain sounds
Free public domain sounds images

Open Culture brings together high-quality cultural & educational media from around the web.

WikiFlix is a repository of old movies that have fallen in to the public domain.

Magazine Rack is a collection of digitized magazines and monthly publications.

Old Book Illustrations offers a wide range of public domain, royalty-free restored images scanned from old books. oldbookillustrations.com

Did you know you could watch all English dubbed seasons of BEYBLADE on youtube for free? youtube.com

Calculus Made Easy by Silvanus P. Thompson, a free book on calculus.

A picture of a bird

#Guides

Land Chad aims to assist internet "peasants" and transform them into internet "Landlords." Reclaim your land by visiting Land Chad

Explore the Johnny Decimal system for organizing files at Johnny Decimal

Interested in running your own social network for you and your friends? Check out runyourown.social for guidance.

Learn how to create a progressive enhancement sharing button with this guide from Set Studio

How to create a document with a full-width image with CSS grid: CSS full bleed

How to create a responsive and accessible HTML table. Instructions by Adrian Roselli

Christian Jarrett has written about how to foster ‘shoshin’, or a beginners mind at psyche.co

A description of advanced tips and tricks for effective Internet research of papers/books, with real-world examples. gwern.net/search

CSS border-radius can do that? Learn how to create a fun animated css border.

Here you will find a guide in how to create a rainbow effect on scroll sonnet.io

How to Study: A Brief Guide. Written by William J. Rapaport. cse.buffalo.edu

Det finns främmande makter som använder desinformation, vilseledning och propaganda för att skada Sverige. Lär dig knepen för att öka din och Sveriges motståndskraft: bliintelurad.se

On homebrewserver.club you can read and learn how to host your own on-line services from home.

An interactive guide to CSS :has() An extensive guide to CSS :has() selector. Written by Ahmad Shadeed.

A map of Europe

#HTML

Anthony Alicea has written a few HTML recipes for common UI patterns, all semantically correct. Check out HTML recipes

The World Wide Web Consortium has created this tool to validate the markup of web documents: W3C Validator

A list of HTML recipes, plain and simple. Created by Stephanie Eckles

This is the MDN Web Docs guide to learn HTML: Learn HTML

This is Google's guide to learn semantic HTML: Google Web Dev Learn HTML

At HTML Hell, you will find bad practices in HTML, copied from real websites. But also ways to fix them!

This is a cheat sheet for HTML! HTML Cheat Sheet

For 100 days Michael Scharnagl tweeted about HTML elements. Here's the full list of: 100 HTML elements

Debugging

There are over 100 HTML tags, how many can you remember? HTML Tags Memory Test A CodePen created by plfstr

Dive Into HTML5 by Mark Pilgrim, is a book about the feutures of HTML5.

The Neopets guide on how to write HTML.

Small waves in a pool.

#Idiosyncratic

clickclickclick.click is a browser game based on clicking a button, narrated by a dutch guy.

alwaysjudgeabookbyitscover.com brings you a list of book titles that makes you go huh?

theuselessweb.com celibrates the useless web! Discover a usless website after another.

Please hold still while we locate your pointer... pointerpointer.com

Patatap is a portable animation and sound kit. With the touch of a finger create melodies charged with moving shapes. Warning: contains flashing images. patatap

List of single serving sites
90-styled websites

vecka.nu är kanske Sveriges mest besökta hemsida. Hemsidan ger dig aktuellt veckonummer, utan några konstigheter!

Undrar du vad det är för veckodag? Gå till veckodag.se för att ta reda på det!

How did I get here? Is a project by Lexi Mattick and Hack Club It shows your packets’ journey to the server hosting the website. how-did-i-get-here.net

Check out The Cursed Computer Iceberg Meme and discover the peculiarities and weirdness of computers. suricrasia.online/iceberg

Every spring, fish swim right through Utrecht, looking for a place to spawn and reproduce. And apperently they need your help to procreate! The fish doorbell

Explore movies frame by frame in random order from critically acclaimed films to gain a new perspective on the art of cinematography. Every Single Frame

Upptäck annorlunda sevärdheter, obskyra resmål och andra sällsamma besöksmål i Sverige med uddautflykter.se

This page is a truly naked, brutalist html quine. html.html

A list of idiosyncratic websites published by Emma Beddington in The Gaurdian. theguardian.com/

The missing web features of iOS ios404.com

Single serving sites
Two girafes on the savanah.

#Link Pantries

Websites with a link section

Hao! is a collection of articles related to user interface design, user experience design, front-end development, and more. Curated by Mike Mai.

Every so often Ryan Trimble shares links of what he tought was intresting this week at Weekly Roundups

#News

SVT Datajournalistik är en del av SVT nyheter som jobbar med renodlad datajournalistik. Här kan du finna till exempel spotpriset på el, eller en lista över Putins spioner. svt.se/datajournalistik

Slower News is a curated list of news trends in the world. slowernews.com

Rest Of The World is a nonprofit publication that reports about tech in places typically overlooked and underestimated.

År 2018 så firade Under Strecket hundra år. Svenska Dagbladet valde ut 350 särskilt intressanta texter – och gjorde dem fritt tillgängliga, för att fira tillfället. Under strecket 100 år

The Verge is about technology and how it makes us feel. Founded in 2011. theverge.com

Ars Technica was founded in 1998. It's a publication devoted to technology. arstechnica.com

The most important news around the world. Unbiased. Concise. Forever ad-free and privacy respecting. newsasfacts.com

Ekstra Bladet is a Danish tabloid newspaper, published by JP/Politikens Hus in Copenhagen. It was founded in 1904.

The day's headlines delivered to you without bullshit. The Brutalist Report

View the latest news and breaking news today for U.S., world, weather, entertainment, politics and health at lite.cnn.com

Chinese Lanterns

#Online Games

Ztype is a typing game. Type to shoot down the enemy fleet. It's is a great game for testing out a new keyboard. zty.pe

Don't you like when websites put unnesicary restrictions on passwords? Well if you do you will love this game: The Password Game.

Learn how to create a 2D Breakout Game A tutorial by MDN docs.

Battle out your CSS skills at cssbattle.dev

Get dropped anywhere from the busy streets of New York to the beautiful beaches of Bali. geoguessr.com

Play some absurd trolley problems Created by neal.fun

Let's Get Creative is a collection of high-quality, free, online creativity tools and games.

Game engines

Echo Chess is the viral daily puzzle game: you become what you eat! echochess.com

Find your favorite Pokemon of each generation, each type, and of all time, from the ultimate Pokémon picker

Roulette table

#Piracy

The r/priacy subreddit is a great resource for all piracy. Take a look at their wiki: r/piracy wiki

Looking for a book? Annas archive is the biggest shadow library I've ever seen! Library Genesis, Sci-Hub, and Z-Library are among the sites included in this resilient search engine.

In the mood for a movie? Take a look at the streaming service Movie Web. The site does not host any files, instead it links to different 3rd party services.

A great list of awsome piracy links. awesome-piracy

FMHY (freemediaheckyeah) is the largest collection of free stuff on the internet! Browse the collection here: fmhy.net

A Jolly Roger Flag

#Personal Websites

Kagi Small Web helps promoting blogs and websites made by induviduals. Click through and stumble upon your next favourite website Kagi Small Web. The full list is open source and can be found at github.com

Webrings

Mikael Wiehe är en svensk artist och proggare, detta är hans personliga hemsida.

A list of /uses pages detailing developer setups, gear, software and configs. uses.tech

Artists

aboutideasnow.com exists to help you find other people by searching across the /about, /ideas and /now pages of over 6000 personal websites.

This is the personal website of Lemon. He creates websites and speaks at conferences. ahoylemon.xyz

This is Brad Woods Digital Garden - A collection of unrefined, incomplete ideas that grow and evolve over time through constant tending. Digital Garden

Special Fish a directory of profiles. Each profile is composed of a text-based log, lists, and links. It was made on elliott's computer

Daniel Temkin makes photography, programming languages, net art, and paintings. danieltemkin.com

Abigail Pain is a UK-based programmer, photographer and Computer Science student. akpain.net

Xe Iaso is a technical educator, conference speaker, twitch streamer, vtuber, and philosopher. xeiaso.net

Jen Simmons is a designer and developer advocate at Mozilla and a member of the CSS Working Group. jensimmons.com

Personal website of Elliott Cost. He's an artist, designer and a programmer. elliott.computer Archived website: 2019-to-2023

Jason is a digital freelancer and a writer. This is his digital garden. fromjason.xyz

Explore the wonderful web with this tool from marginalia: explore.marginalia.nu/view

Gossip’s Web is the directory of handmade webpages. Have a look at: gossipsweb.net

Neocities is the predecessor of the web hosting service GeoCities. Browse all the websites hosted on neocities

Personalsit.es was built to share and revel in each others’ personal sites. It's open-source, originally built by Andy Bell, currently maintained by Henry Desroches. Check out some personalsit.es

The 1MB Club is a growing collection of performance-focused web pages weighing less than 1 megabyte.

Still feel like 1MB is to much? Go check out the 250kb Club and the 512kb Club

Web designers

Data Gubbe is a website run by Carl Svensson, a self claimed computer nerd. Data gubbe

Q: Why have a personal website? A: Because it’s fun, and the internet used to be fun. Here is a list of articles that supports this claim: projects.kwon.nyc

The website of Robin Rendle, a designer and writer from the UK. robinrendle.com

Small web

The personal site of Jerome Paulos. jero.zone

Edward Tufte home page for books, posters, sculpture, and fine art. edwardtufte.com

A Website Is a Room is a project made by Nancy Wu.

Brian is a designer, podcaster, writer, and software tinkerer living in San Francisco.

Personal website of Tania a software developer who makes open-source projects and writes about life, code, design, and more.

The personal wiki of Thomasorus Thomasorus

Personal website of Anthony Hobday. Writes about interface design. anthonyhobday.com

Woolgather is a website and a monthly newsletter focused on internet culture and software design. woolgather.sh

The online home and blog of Richard Rutter, cofounder of Clearleft and Fontdeck. Here he writes about web typography, human-centred design, Brighton, music and occasionally cycling. clagnut.com

Perosnal website of Vasilis van Gemert. He's a lecturer at the CMD school of design in Amsterdam. vasilis.nl

Ash Herr is an artist whose work explores personal growth influenced by the internet. imempowa.com

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. nerdy.dev

Personal websites of Chris Glass where he journals with photos and share links!

Lawrence Kesteloot teamten.com

Simone Marzulli's personal website, feel free to click your favourite buttons! simone.computer

Stephanie Eckles - author of ModernCSS.dev, SmolCSS.dev, 11ty.Rocks, and of StyleStage.dev.

The homepage of Zach Mandeville: comedian, coder, dishwasher, friend! coolguy.website

A leopard lecewing butterfly

#Programming

Code practice

The University of Helsinki offers a great number of courses related to programming. All free and open source! mooc.fi

This Github repository is a collection of different app ideas, for when you just don’t know what to build! Florinpop17 App Ideas

Cave Of Programming has a course for learning Python and machine learning at: Cave Of Python

p5js.org is JavaScript library for animation.

Maybe you now him from his youtube channel. Well did you know there's a website also? Go check out The Coding Train

Detta repo, (eller förvaring), ger olika förslag på svenska översättningar till olika kommandon i git (eller jävel). git-pa-svenska

Read Eloquent JavaScript, a book about JavaScript, for free online at: eloquentjavascript.net

This is a a list of every link Kealan Parr wished he knew as a beginner in the field. github.com

Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com

Learn JavaScript over at web.dev. An in-depth course on the basics of JavaScript, created by Mat Marquis

Free Programming Books on Android development, C, C#, CSS, HTML5, iOS development, Java, JavaScript, PowerShell, PHP, Python, SQL Sever and more GoalKicker.com

Are you looking for the real computer revolution? Join the club! Future of Coding is a podcast and community of toolmakers, researchers, and creators working together to reimagine computing. futureofcoding.org

Teach yourself computer science! All the resources you need to give yourself a world class computer science education. teachyourselfcs.com

A house in the form of a rubriks cube

#Search Engines

Do you miss the old internet? So do I! This search engine is what Google used to be in the early 2000s. It's run on PC hardware and domestic broadband from a living room somewhere in Sweden. Marginalia Search

Kagi Search Engine is a subscription-based search engine, and it's worth every penny!

Searx is a free and open-source metasearch engine.

Wiby is a search engine for older style pages, lightweight and based on a subject of interest. Building a web more reminiscent of the early internet.

Sök i tre ordböcker (SAOL, SO, SAOB) på en och samma gång på: Svenska.se

Webster's 1913 is an American English directory!

Explore the weird and random web with marginalia.nu

Search My Site is a niche search, focussing on the "indieweb" or "small web" or "digital gardens". The index is currated.

A comprehensive list of search engines. seirdy.one

Teclis is an attempt to surface the less known web, the web of creativity and self expression, the more humane web.

A Shelf

#Tools

In need of generating a valid swedish "Personnummer"? Look no further! Personnummer generator

With so many plattforms, and equally many icons it can be difficult to know how and what to include. However this tool is all you need! Favicon Generator

The World Wide Web Consortium has created this tool to validate the markup of web documents w3c validator.

Polypane is a web browser that helps with every aspect of web development: responsivity, debuging, social media previews, and more!

The Utopia website has three very useful tools, a type, space and grid calculator.

Can I use is a great tool to see if any given web technology is available in which browser, and which version.

This tool checks and suggests colors to meet the required WCAG or APCA contrast ratio. Color contrast checker.

Deepl is a accurate and nuanced machine translatior. deepl.com

If you want to use a svg-image as a background in css it must be encoded, here is a tool to do just that. Url Encoder

mynoise.net brings a plethora of background noices for intensive tasks.

Josh W Comeau's shadow pallete tool.

A cheat sheet of different easing functions in CSS. easings.net

12 feet is a tool to remove those pesky paywalls on articles.

This tool extract all links from a public youtube playlist and turn it to a HTML document. ytplaylistscraper

TiddlyWiki is a personal wiki. It is an open-source single page application wiki in the form of a single HTML file. Host yours at tiddlyhost.com

Tools for developers, which includes diff viewer, JSON validator, unix time converter, regex matcher, and more. www.devtoolbox.co

WikiWand is a Wikipedia reader. www.wikiwand.com

The easiest way to preview and generate Open Graph Meta tags is by visiting: www.opengraph.xyz

Dither it! is an open source image dithering tool. Try it out at: ditherit.com

Squoosh is a image optimizer that allows you to compress and compare images with different codecs in your browser. squoosh.app

www.are.na is a online software for saving and organizing the content that is important to you!

Static Site Generators

Website Carbon Calculator is a free tool to check your website carbon footprint.

Quickly and easily assess the security of your HTTP response headers! Security Headers

This free online service performs a deep analysis of the configuration of any SSL web server on the public Internet. SSL Server Test

PageSpeed Insights will take your page and it run it through PageSpeed Insights, which includes a Lighthouse test.

WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities.

Clippy is a tool to generate CSS clip-paths!

Open source browser tools for everyday use. omatsuri.app

Hammer and anvil

#Typography

A list of different monospaced fonts

Go read Matthew Butterick's book Practical Typography practicaltypography.com

Type Lab is an in-depth guide to using typography on the web. Created by Hannah Boom.

Emojis

Explore a collection of classic text mode fonts at The Ultimate Oldschool PC Font Pack. Check out some of the Old School PC fonts

Discover good font pairings used in real-world designs at FontsInUse.com

Bitter is a serif-based font, created by Sol Matas It's open-source and available on Google Fonts.

google-webfonts-helper is A hassle-free way to self-host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!

Webfont generator for turning those large font files from Google into a more reasonably size.

This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs. www.freefaces.gallery

Modern Font Stacks: System font stack organized by typeface classification for every modern OS! modernfontstacks.com

Web Typography: A handbook for designing beautiful and effective responsive typography, is a book written by Richard Rutter. webtypography.net

Fonts Knowledge is a library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world.

Typography Terms cheat sheet! Learn key definitions related to typography. nngroup.com

A Rooster

#Web Design

The company Exoticsilicon's website has a very uniqe style, and now you can learn from the very best from their exoticsilicon design studio

Inspired by CSS Zen Garden Stephanie Eckles has created Style stage, a modern CSS showcase styled by community contributions.

Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.

The One Page Love website is a curated list of single page websites! One Page Love

Guidelines for web design that adhere to the tenets and ethos of Brutalism, written by David Bryant Copeland. Brutalist Web Design

Some simple ways to make the content on your page look great, from Set Studio

Donnie D'Amato has written about how designers should rely less on strict columns in their designs. gridless.design

Web Design Museum exhibits thousands of screens and videos of old websites, mobile apps and software from 1990s to mid-00s. webdesignmuseum.org

Liebermann Kiepe Reddemann is a graphic design studio based in Hamburg. liebermannkiepereddemann.de

Gwern Branwen reflects on the design of his website. gwern.net/design

Gwern Branwen discusses sidenotes in webdesign gwern.net/sidenote

Create your own nostalgic Microsoft WordArt and party like it's 1995. Make your own custom word art easily. makewordart.com

Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports. viewports.fyi

Every Fucking Bootstrap Website Ever. dagusa.com

Land-book is a design inspiration gallery. Find the best hand-picked website design inspiration. land-book.com

Here’s a fascinating look at The Guardian’s design system. design.theguardian.com

Here are some print inspired layouts on the web css-tricks.com

event.preventDefault(); Another on designing websites, is an article about web-design by Maximilian Kiepe. event.preventdefault.net

hallointer.net is a platform for contemporary internet. The collection focuses on new, never seen or never used before web design and code.

The home of alternative design, code and content on the world wide web. hoverstat.es

Brutalist Websites is a collection of websites with a brutalist desgin. brutalistwebsites.com

Minimal Gallery is a curated source of website design inspiration. Made by Piet Terheyden. Minimal Gallery

Read the The Shape of Design, a book about storytelling, co-dependency, and craft. Written by Frank Chimero.

A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the rinciples of graphic design. Written by Mark Boulton. designingfortheweb.co.uk

If you are new to design or never stydied anything design-related, learning some basic design rules can be quite helpful! designtrampoline.org

Find Inspiration in Design Elements. Collection of the web's best designs sorted by elements. Choose an element and view projects/websites with creative designs for it. stacksorted.com

Resilient web design by Jeremy Keith, is a history book about web design.

The oresundsbridge

#Web Development

The MDN Curriculum provides a structured guide to the essential skills for being a successful front-end developer. MDN Curriculum

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. html5boilerplate.com

The Smashing Magazine is a magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.

Deeply understand Semantic HTML5, CSS3, Flexbox, Grid, and more. A course created by Anthony Alicea. Understanding HTML and CSS

View the latest /wdg/ thread from /g/ on wdg.one

32 bit cafe is a web space community that focuses on building websites for self-expression and creativity.

12 days of web is a year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.

The web giants centralize our digital lives in exchange for their services. The Free Software community offers alternative ethical services. degooglisons-internet.org

Niki from the blog tonsky.me has written about the absolute minimum every software developer must know about unicode at tonsky.me

Jake Archibald has written a little about the importance of a great alt text

The grumpy website reports bad UI and UX design.

Andy Bell brings fourth his ideas on how to build excellent websit on buildexcellentwebsit.es

The Oden Project is a great learning resource for all web developers. Maintained by an open source community. theodinproject.com

Web development explained for normal people — Learn HTML, CSS and JavaScript in ways that you can actually understand! codetheweb.blog

Capo js is a tool to get your html <head> in order! capo.js

GSAP is a robust JavaScript animation library built for professionals! gsap.com

Three.js is a JavaScript 3D library. threejs.org

API for HTTP status code pizzas. status.pizza

how-i-experience-web-today.com is a showcase of how the mayority of people experience the web today.

A library of SVG logos from popular companies and brands.

Creating a web-site does not need to be complicated, here is a very simple way to make one: john-doe.neocities.org

Humans TXT: We Are People, Not Machines. humanstxt.org

Practice your front-end skills for free at: frontendpractice.com

A currated list of tools & resources for web designers & developers. toolkit.addy.codes

Create dead simple, drag & drop websites for anything with paper.mmm.dev

Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles. freefrontend.com

Lissa Explains it All over at lissaexplains.com

Code Line Daily is a project made to highlight the simplicity in the code, on line at the time. Code Line Daily

Advance your web development and software engineering skills from front-end to full-stack! frontendmasters.com

Learn mind-blowing front end tricks from the web’s best creative developers! frontend.horse

lozad.js is a highly performant, light and configurable lazy loader in pure JS with no dependencies for images, iframes and more.

Stop wrestling with CSS! css-for-js.dev is a course in CSS, created by Josh W Comeau.

WEBBED BRIEFS are brief videos about the web, its technologies, and how to make the most of them. Created by Heydon Pickering.

cdnjs is a free and open-source CDN service. Cdnjs makes it faster and easier to load library files on your websites.

Find common patterns that pop up in web-development over at web.dev

Web Style Guide by Patrick J. Lynch and Sarah Horton

react95.io is a React component library a la Windows 95.

Learn JavaScript over at javascript.info

Learn to get more comfortable with DevTools over at: devtoolstips.org Discover helpful cross-browser DevTools tips and tricks

Chris Ferdinandi helps people build a simpler, faster web over at: gomakethings.com

Inclusive Components. A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece. inclusive-components.design Designed, built, and maintained by Heydon Pickering.

Sunday Sites is an ini­tia­tive to en­courage the curious, the ex­pe­ri­enced and the novice to express them­selves through HTML and CSS. sundaysites.cafe

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices. alistapart.com

If you want to learn more about designing and implementing fully accessible websites, go check out accessibility-developer-guide.com

A list of useful front-end boilerplates and starter kits can be found over at Smashing Magazine

A complete guide to accessible front-end components can be found over at Smashing Magazine

How do you build a Low-tech Website? Here are the Design Techniques and Software & Hardware LOW←TECH MAGAZINE used.

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

A grey heron bird

#Web Directories

Awsome list is a big repository contaning awesome lists about all kinds of interesting topics

Cineasterna is a streaming platform. Their business idea is that libraries pay for the service in order to offer their patrons free online movie rentals.

With a simplistic desgin Very Good Films brings you a list of very good films!

Tildes is a non-profit community site with no advertising or investors. It respects its users and their privacy, and prioritizes high-quality content and discussions.

A lot of beautiful prose has been written on the web, here's some of it: readsomethingwonderful.com

moviewise.wordpress.com is a searchable database of one sentence movie summaries.

App defaults is a list of blogs that have a section where they list their apps of choises.

Diagram Website is a (small) map of the internet. Created by Kristoffer Tjalve and Elliott Cost.

At TinyBrain they're fans of having a tiny brain, which means, not keeping everything in your head all of the time. tinybrain.fans

Moria is science fiction, horror and fantasy film review site. moriareviews.com

The Garden of Computational Delights is a collection of online delights. arbesman.net

SecretGeek Wiki aims to be a complete, timeless, annotated repository of things Leon Bambrick find sort of interesting. wiki.secretgeek.net

Barns Worth Burning is a digital garden / commonplace book / Zettelkasten created and maintained by Nick Trombley, a software designer living in Boston.

This collection of apps, tools and articles is here to help you learn more about digital gardening. Ideally, it's here to help you start your own garden. Digital Gardening

Rach Smith's Digital Garden rachsmith.com

Tom Critchlo's Digital Garden tomcritchlow.com

A Candy Dispenser