links

tools/resources

SVG Wave Generator: Generates customisable waves with SVG.
Tabler Icons: Huge collection of vector icons.
3dicons: Icons, but 3D.
Puter: A cloud-based desktop environment.
Simple Icons: Huge collection of vector icons.
The Ultimate Oldschool PC Font Pack: Old crunchy PC fronts.
Device Info: A web browser security testing, privacy testing, and troubleshooting tool.
css.glass: Glassmorphism CSS generator.
Feather Icons: Huge collection of vector icons.
Mixkit: Stock footage.
Unsplash: Stock photos.
Oh Shit, Git!?!: A guide to un-fucking your Git mistakes.
98.css: Windows 98 style CSS design system.
XP.css: Windows XP style CSS design system.
7.css: Windows 7 style CSS design system.
Laws of UX: Collection of best practices that designers can consider when building user interfaces.
Meet the Ipsums: Various placeholder texts.
Realtime Colors: Visualise colours and fonts in context on a site.
Flexbox Froggy: A way to learn CSS flexbox.
Pexels: Stock photos and videos.
The League of Movable Type: Open-source font foundry.
IT Tools: Handy tools for developers.
Fontshare: Fonts for personal and commercial use.
Merklemap: Search subdomains.
PWA Install Demo: Installation dialog for Progressive Web Applications (PWAs).
HTML De-crapulator: Does what it says on the tin.
time.fyi: Time related tools to help you stay productive and organised.
RedditDB: Shows the time when subreddits are most active.
magick.css: Minimal CSS framework.
Uiverse: Community-built library of UI elements.
The Bézier Game: Game that teaches use of the pen tool.
Uisual: Library of website components and templates.
Wakamai Fondue: Answers the question “What can my font do?”.
SQLZoo: Teaches SQL step-by-step.
OSINT Framework: Provides tons of open source intelligence resources.
Photopea: Photoshop clone.
Learn X in Y Minutes: Teaches various things quickly and simply.
NandGame: Teaches how to build a computer from basic components.
CodePen: Online front-end playground.
Anna's Archive: Huge open library.
What length CSS unit should you use?: Informs what CSS unit you should select in various use cases.
srcl: Open-source component and style repository with terminal aesthetics.
Kenney: Free game assets.
Scale: Colour scale generator.
OpenGameArt.org: Tons of art available for commercial use.
Freesound: Stock sounds.
Kay Lousberg: Game assets.
Quaternius: Game assets.
Overlay Fact Sheet: Information about web 'accessibility' fact sheets.
WikiApiary: Information about MediaWiki websites.
Remix Icon: Huge collection of vector icons.
Free Music Archive: An archive of free music.
CopyPalette: Create consistent monochromatic colour palettes.
LandChad.net: Information on how to get your own place on the internet.
Iconic: Huge collection of vector icons.
VERT.sh: Comprehensive file converter.
Color and Contrast.com: Interactive guide to color and contrast.
ambientCG: Free textures, HDRIs, and more.
BGJar: SVG background generator.
ColorSpace: Generate a palette from a colour.
Cool Backgrounds: Backgrounds that are cool.
fffuel: Collection of colour tools and SVG generators for gradients, patterns, textures, shapes, and backgrounds.
Color Hunt: Colour palettes for designers and artists.
Undesign: Collection of free design tools and resources for makers, developers, and designers.
Mossaik: Graphic generator.
Tabbied: Generate patterns from templates.
Patterninja: Create tiled patterns from icons.
Eva Design System: Generate colour pallets using deep learning powered algorithm.
Duotone: Convert images into duotone versions.
archives.design: Archive of graphic design related items available on the Internet Archive.
CallToInspiration: Huge amount of UI/UX inspiration.
collected: New web design inspiration on every visit.
Palette List: Database of palettes.
Curated Design: Curated web design inspiration catalog.
Design Everywhere: An ever-growing collection of carefully curated works from around the world.
iOS Icon Gallery: Gallery of iOS app icons.
60fps: UI/UX design animation inspiration for mobile and web apps.
Unblast: Selective free design resources to download.
CSS Spring Easing Generator: Generate springy CSS animations.

blogs

Josh W Comeau: Web development articles, interactive tutorials, and goodies.
Gwern: Academic writings on AI, psychology, and statistics.
Coding Horror: Programming blog focussing on human factors.
Robert Heaton: Development and tech with an emphasis on privacy.
Citation Needed: Coverage of the cryptocurrency industry and broader technology issues.
Web3 is Going Just Great: Tracking of how web3 projects are actually going.
The Evil Skeleton: Tech, primarily regarding Gnome.
Bryce Wray: Primarily web development.
Terence Eden’s Blog: Technology, reviews, and assorted musings.
Andrew Chan: Mostly programming related.
GioCities: Tech and wider web culture.
Ahmad Shadeed: Web development articles with interactive elements.
iio.ie: Random ideas and personal ramblings from a disgruntled techie.
Darek Kay: Front-end development.
ajkprojects: Developer relevant psychology.
Articles & Experiments by Roman Komarov: CSS experiments and explorations.
LMNT: Short write-ups, often about design and Apple.
meyerweb.com: Assorted content, often about the web platform.
Stephen Wolfram: Data-heavy analysis with a focus on mathematics and statistics.
Michael Dickens: Philosophy, investing, and altruism.
Paul Graham: Start-up culture.
Håvard Brynjulfsen: Web development and design.
Ryan Mulligan: Front-end development experimentation, learning, and discoveries.
Clagnut by Richard Rutter: Design and typography with a focus on the web.
samwho: Visual, often interactive, computer science introductions and traditional development posts.
Jan Miksovsky’s Blog: Development and project notes.
Jim Nielsen's Blog: Web development and thoughts.
blakewatson.com: Web development.
Karolina Szczur: Assorted tech industry related commentary.
Adam Argyle: CSS and other aspects of the web platform.
Ben Myers: Web development.
Ryan Trimble: Web development and weekly roundups.
Werd I/O: Intersection of technology, democracy, and society.
Birchtree: Technology.
Adactio: Development and tech industry.
That HTML Blog: Web standards and standards-adjacent technologies.
Computers Are Bad: Explains why computers are bad.
Maggie Appleton: Visual essays about programming, design, and anthropology.
CSS { In Real Life }: CSS, front-end development, the web, and beyond.
Aleksandr Hovhannisyan: Programming, life, and other topics.
Ashlese M Boyer: Accessibility, disability, and software engineering.
Sara Joy: Web development and life.
Moth Monster: Technology.
Mayank: Web development.
Heather Buchel: Web standards and accessibility.
Seirdy's Home: Accessibility, security, privacy, and software freedom.
Scott O'Hara: Web development, largely focusing on accessibility.
Waxy.org: Various web things.
Simon Willison's Weblog: Artificial intelligence.
LessWrong: Community blog of sorts discussing rationality and AI.
brr: Records of interesting things about Antarctica from someone who lived there.
ribo.zone: Assorted miscellany.
oimo.io: Development with an emphasis on graphics.
Bartosz Ciechanowski: In-depth explanations of general concepts with visualisations.
Henry From Online: Tech and life.
Stillness.Digital: Short little reflective somethings.
Strange.Website: Pontificating about conceptual website vibes.
Anthony Fu: Development.
Faster and Worse: Technology.
maya.land: Tech menacery.
30fps.net: Computer graphics and programming.
elle's homepage: A lovely little site to visit.
Ray's Miscellany: Completely indescribable.
HTMHell: HTML crimes and how to rectify them.
Shellsharks: Information security, technology, and life.
In Two Minds: A digital garden exploring philosophy, ethics, and systems thinking through multiple lenses and personas.
Bram.us: A rather geeky/technical weblog.
Matthias Ott: User experience design, design engineering, and web development.
Zach Leatherman: Web development (specifically 11ty) stuff.
JakeArchibald.com: Technical web development.
Eric Bailey: Web development with a focus on accessible and inclusive design.
Elliot Jay Stocks: Design and typography.
Max Böck: Front-end development.
hidde.blog: HTML, CSS, JavaScript, accessibility, and browsers.
Lea Verou: Product design and web technologies.
Salma Alam-Naylor: Software engineering and developer education.
Amelia Wattenberger: Novel interfaces, web development, and data visualisations.
Una Kravets Online: Web platform and development.
Scott Jehl: Web design and development.
utilitybend: Web development and accessibility.
Tyler Sticka: Web development.
Kilian Valkhof: Web development.
Chen Hui Jing: Chronicles of a self-taught designer and developer.
Miriam Eric Suzanne: Web development and industry analysis.
Tobi's Website: Web development.
Sia Karamalegos: Web performance, web development, and Eleventy.
Marko Bajlovic: Software development and design.
@lachlanjc/notebook: Assorted tech stuff.
jakelazaroff.com: Web development.
Willy Brauner: Web development.
CSS Wizardry: Web performance and CSS architecture.
Stephanie Stimac's Blog: Web, design, product management, and little bits of life.
Elly Loel: Web development, accessibility, and industry analysis.
Paul Kinlan: Web platform.
Cassidy Williams: Software development.
Keith Cirkel: Software development with focus on web engineering.
leanrada.com: Software engineering and artsy stuff.

miscellaneous

notes

personal web map, website building: used for Neocities