- ActivityPub
- Advertising
- AI
- Blogging
- Business
- Coding
- Connectivity
- COVID-19
- CSS
- Digital Signage
- Django
- DNS
- Electric Car Charging
- Electric Cars
- Electronics
- Energy Market
- Fonts
- Fun
- Hosting
- Hosting Blog Posts
- HTML
- Icons
- Indieweb
- JAMStack
- JAMStack Blog Posts
- JavaScript
- Jobs
- Livestreaming
- Maker
- Markdown
- Merchandise
- Misc
- Monitoring
- Networking
- Open Source
- OpenGraph
- React
- Services - Business
- Software - Business
- Software - Development
- Software - macOS
- Stock Images
- SVG
- Teaching
- Tech
- Tourism
- Transportation
- Usability
- Video Conferencing
- Village Halls
- VoIP
- Vue
- Web Components
- Web Development
- Web Development Blog Posts
- Website Accessibility
The ActivityPub protocol is a decentralised social networking protocol.
| Website | Description |
|---|---|
| Aaron Parecki | Aaron Parecki home page |
| @aaronpk | @aaronpk |
| Blog - how to implement | How to implement a basic ActivityPub server |
| Protocols and ActivityPub | A crash course in using protocols — and understanding how they are different from APIs — using ActivityPub as an example. |
Advertising services for the web
| Website | Description |
|---|---|
| EthicalAds | Advertising for Developers. That Just Works. Connecting hand-picked advertisers with engaged developers without invasive tracking |
AI services
| Website | Description |
|---|---|
| Futurepedia | The largest AI tools directory |
| Midjourney | Midjourney is an independent research lab exploring new mediums of thought and expanding the imaginative powers of the human species |
| Midjourney Documentation | Quick Start Guide, User Manual, FAQs |
| OpenAI | Creators of ChatGPT and DALL-E 2 |
| phind | The AI search engine for developers |
Where to blog about coding
| Website | Description |
|---|---|
| Dev.to | DEV Community is a community of amazing developers |
| hashnode | Everything you need to start blogging as a developer! |
| Medium | Medium is a place to write, read, and connect |
Business resources
| Website | Description |
|---|---|
| Amazon Associates | The Amazon Associate Program helps content creators, publishers and bloggers monetise their traffic. |
| Big-Picture Productivity | The essentials of Big-Picture Productivity; a free mini-course to act on your goals |
| DAKboard | DAKboard is a customizable display for photos, calendar, news, weather and so much more! DAKboard makes it easy to get organized so you won’t miss a thing |
| dropshippingXL | International Online Dropshipping Retailer |
| Fastmail | Business email hosting for your custom domain |
| Firefly III | A free and open source personal finance manager |
| Freelance Mastery | Freelance Mastery for Developers by Brad Traversy and Kyle Prinsloo |
| Google Digital Garage | Get new skills for a digital world |
| gov.uk - trade mark search | UK governemnt - Search for a trade mark |
| Guide to GDPR | Guide to the UK General Data Protection Regulation (UK GDPR) |
| How to start an Online Business | Shopify Blog: 29 Business Ideas |
| Mailu | Mailu is a simple yet full-featured mail server as a set of Docker images |
| Monkey Tower | Trailer Mounted Scaffold Tower or Scissor Lift Alternative |
| Rebel Business School | Rebel Business School |
| Rebel Entrepreneur | Rebel Entrepreneur Podcast from the Rebel Business School |
| SavvyCal | A scheduling tool |
| Self assessment for beginners | Quickbooks blog: How to Pay Self Assessment Tax |
Generic coding resources
| Website | Description |
|---|---|
| Advent of Code | Advent of Code is an Advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like. |
| base.cs | Exploring the basics of computer science |
| Codementor | Find a developer for live mentorship & freelance projects |
| Codewars | Codewars is an educational community for computer programming. On the platform, software developers train on programming challenges known as kata. |
| CS50 - edX | edX: CS50's Introduction to Computer Science |
| CS50x - Harvard Course Notes | CS50's Introduction to Computer Science OpenCourseWare |
| CS50 - Harvard Online | An introduction to the intellectual enterprises of computer science and the art of programming in an online course from Harvard. |
| Edabit | Learn to code with 10,000+ interactive challenges |
| First Contributions | Make your first open source contribution in 5 minutes |
| First Timers Only | Get involved in Open Source and commit code to your first project! |
| Frontend Mentor | Improve your front-end coding skills by building real projects |
| Imposter Syndrome | Medium post - Developers: How to Overcome Imposter Syndrome |
Fixed line and mobile resources
| Website | Description |
|---|---|
| Zen Internet | Zen Internet * Affiliate Link |
| Zen Internet - Service Status | Zen service status page. |
| OpenReach - Call Waiting List | Analogue phone lines will have reached the end of their life by 2025 – so we’re replacing them with greener, faster, and more reliable digital services. |
COVID-19 Resources
| Website | Description |
|---|---|
| gov.uk Coronavirus | UK Government Coronavirus information |
| WHO Dashboard | WHO Coronavirus (COVID-19) Dashboard |
Sites covering CSS Topics
| Website | Description |
|---|---|
| A modern CSS Reset | A very tiny CSS reset from Andy at Piccalilli |
| boxshadoes.xyz | A tool for doing layered shadows |
| Can I Include | 'Can I Include' tool to help determine if one HTML tag can be included in another HTML tag |
| Clippy | CSS clip-path maker |
| Color.review | What you need to know about colours & accessibility |
| ColorBox | ColorBox by @kvyn_ |
| Components.ai | A growing set of generative components for UI and graphic design |
| Coolors | The super fast colour palettes generator |
| CSSBattle | CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code |
| CSS Colours | List of CSS named colours |
| CSS Demystified | CSS Course from Kevin Powell |
| CSS Gradient | CSS Gradient generator |
| CSS Generators | Your CSS code with less effort - borders, corners, Dividers, Patterns, Shapes |
| CSS Grid Generator | Generate a basic CSS Grid to get you started |
| CSS In Real Life | Tips, tricks and tutorials on the web’s most beautiful language. |
| CSS Pattern | CSS Pattern powered by CSS gradients |
| CSS-Tricks | Free CSS tricks and some unique ideas for beginners and advanced. |
| CSS-Tricks - Autoprefixer | Autoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way |
| CSS-Tricks - CSS Reset | Notes on Josh Comeau’s Custom CSS Reset |
| Cubic-Bezier | Cubic Bezier generator |
| Every Layout | Relearn CSS layout |
| Fancy-Border-Radius | Fancy border radius visual generator |
| Gradient Generator | Josh W Comeau's Gradient Generator |
| Huemint | Huemint uses machine learning to create unique color schemes for your brand, website or graphic |
| Jen Simmons' Lab | The experimental layout lab of Jen Simmons |
| Kevin Powell | Kevin is a CSS Evangelist - Kevin's courses |
| Khroma | Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save |
| Layoutit Grid | Interactive CSS Grid generator |
| Learn CSS | Learn CSS from web.dev |
| Modern CSS Solutions | Modern CSS Solutions for Old CSS Problems - A series by Stephanie Eckles |
| Neumorphism.io | Generate Soft-UI CSS code |
| Mastering the :nth-child | CSS3 pseudo classes and :nth-child ranges |
| Open Props | Supercharged CSS variables |
| Piccalilli | Andy publishes Tutorials and blog post around CSS and design systems. |
| Realtime Colors | Visualize Your Colors On a Real Website |
| Shadow Gradients | CSS Shadow Gradients - Generator |
| SmollCSS | Minimal snippets for modern CSS layouts and components |
| Smooth Shadow | Make a smooth shadow. Inspired by https://tobiasahlin.com/blog/layered-smooth-box-shadows |
| Style Stage | A modern CSS showcase styled by community contributions |
| ThinkDoBeCreate | Stephanie Eckles is an advocate for accessibility, scalable CSS, and the Jamstack (especially Eleventy) |
| Website Headers Flexbox | Building Website Headers with CSS Flexbox |
| Utopia | Elegantly scale type and space without breakpoints |
| You don't need a UI Framework | Smashing Magazine article by Josh Comeau |
Hardware and software solutions for digital signage
| Website | Description |
|---|---|
| Kitcast | Professional Quality Digital Signage Software |
The web framework for perfectionists with deadlines.
| Website | Description |
|---|---|
| CS50’s Web Programming with Python and JavaScript | This course picks up where CS50x leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap. |
| DJ4E | Django for Everybody |
| Django Documentation | Everything you need to know about Django |
| MDN Web Docks | Django Web Framework (Python) |
Information about DNS.
| Website | Description |
|---|---|
| Mess with DNS | Do weird DNS experiments and see how it works |
Developments in the car charging area
| Website | Description |
|---|---|
| Connected Kerb | Providing an infrastructure solution that enables future communities through connectivity. |
| Electric Felix - cheap fast charging | Here you will find advice on traveling around Europe with an electric vehicle. |
Interesting electric cars
| Website | Description |
|---|---|
| Green Car Reports | Green Car Reports |
| HEVRA | Hybrid and Electric Vehicle Repair Alliance |
| IONIQ 5 | Hyundai IONIQ 5 |
| IONIQ 5 - EV Database | Hyundai IONIQ 5 Standard Range AWD |
| Kia EV6 | The Kia EV6 Electric Car |
| Kia EV6 - EV Database | Kia EV6 Long Range AWD |
| Next Green Car | Nextgreencar.com – the buyer's guide to economical and environmentally friendly cars. |
| Pick an EV | EV choosing site from Andrew Till |
Electronics related resources
| Website | Description |
|---|---|
| Flashything | Etsy shop offering Mini Supercomputer |
| Twinkly | Fancy Christmas Lights |
Email resources
| Website | Description |
|---|---|
| Buttondown | Buttondown is a small, elegant tool for producing newsletters |
| intoDNS | IntoDNS checks the health and configuration and provides DNS report and mail servers report |
| Mail Tester | Test the Spammyness of your Emails |
| mailjet | Email API |
| Malware Expert - Popular Blacklists | The 7 Popular Blacklists To Keep Away Spam Emails |
| mjml. | Email is Hard: learn how MJML will help you. |
| sendinblue | Email, SMS, Facebook, Chat, CRM, and more, all-in-one platform to help you grow your business through building stronger customer relationships. |
| Spamhaus | The Spamhaus Project |
| SPF/DKIM/DMARC/DomainKey/RBL Test | This is a common DKIM/SPF/DMARC/DomainKey/RBL test tool provided by AdminSystem Software Limited |
Energy Market Resources
| Website | Description |
|---|---|
| Apollo Energy - Market Analysis | Regular updates on the Energy Market |
| Carbon Intensity API | The Carbon Intensity API uses state-of-the-art Machine Learning and sophisticated power system modelling to forecast the carbon intensity and generation mix 96+ hours ahead for each region in Great Britain. |
| Chameleon IHD Help | User Guide for Your Chameleon Smart In-Home Display |
| electrictyMap | Live CO₂ emissions of electricity consumption |
| Elexon | Wholesale prices of electricity in Great Britain |
| Energy Stats - Octopus Agile SE | Stats for Octopus Agile Tariff (South Eastern England) |
| Energy Stats - works with Octopus API | Devices and Apps that work with the Octopus API |
| epexspot Market Data | EPEX SPOT is the leading exchange for the power spot markets at the heart of Europe. |
| Green Light Signal | The Green Light Signal from the National Grid |
| Nord Pool Market Data | Nord Pool runs the leading power market in Europe, offering both day-ahead and intraday markets to its customers. |
| Octopus Energy | In 2016, Octopus entered the market to disrupt the status quo with energy that's good for the planet, good for your wallet, and, honestly, good for your soul. * Affiliate Link |
| Octopus Energy APIs | Octopus Energy REST API Documentation |
| Octopus Energy User Guide | Unofficial guide for Octopus users |
| Smart Meters | Smart Meters: The full story |
| SMICoP | The Smart Meter Installation Code of Practice |
| Terravolt - UK Grid | A hobby project, this pulls data from APIs to visualise UK Grid live data |
Fonts for websites
| Website | Description |
|---|---|
| Collletttivo | Collletttivo is an Open-Source type foundry and a network of people promoting the practice of type design through mutual exchange and collaboration. |
| fontpair | Browse through hundreds of free Google Font pairings to use for your next creative project. |
| Google Fonts Knowledge | 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. |
| Modern Font Stacks | System font stack CSS organized by typeface classification for every modern OS - The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders. |
Other stuff from around the web
| Website | Description |
|---|---|
| Ancient Earth Globe | Visualisations of the Earth going back in time. |
| Days since incident | As the name suggests; counts the number of days since various incidents |
Web Hosting: from traditional to modern cloud
| Website | Description |
|---|---|
| .htaccess Cheat Sheet | All the important Apache .htaccess web server rules and config options |
| SSLs.com | Cheap SSL Certificates |
Web Hosting: from traditional to modern cloud
| Website | Description |
|---|---|
| Google Cloud vs AWS | Google Cloud vs AWS in 2021 (Comparing the Giants) |
| How I Hosted my Strapi CMS Driven Website for Free | How Chris Wray built a modern Strapi powered website using completely free developer tools and services |
HTML and related
| Website | Description |
|---|---|
| AMP | AMP is a web component framework to easily create user-first websites. |
| HTML Cheat Sheet | HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. |
| HTML for People | Blake Watson has written a book covering everything you need to know to get started in an approachable and friendly way. |
| HTML head | A simple guide to HTML <head> elements |
| HTML Headings | From a Bootstrap 4 tutorial |
| HTMHell | A collection of bad practices in HTML, copied from real websites. |
| Overview of the RenderingNG Architecture | How Chrome’s rendering engine works. |
Icon resources
| Website | Description |
|---|---|
| Bootstrap Icons | Free, high quality, open source icon library with over 1,800 icons |
| Flaticon | Vector icons and stickers |
| IcoMoon | IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists |
| Icones | Great for finding any icon you might ever need |
| Icons8 | Icons, illustrations, photos, music, and design tools |
| RealFaviconGenerator | Favicon Generator. For real. |
The IndieWeb is a people-focused alternative to the "corporate web" using standards like webmentions and micropub.
| Website | Description |
|---|---|
| Indieweb | |
| On a static website | Indieweb on a static website |
JAMStack Web technologies
| Website | Description |
|---|---|
| 11tybundle.dev | A collection of Eleventy resources to help you get the most out our favorite static site generator. |
| 11ty & WebC | Here is a website built with Eleventy and WebC that is about how you can build websites with Eleventy and WebC. |
| 11ty Rocks! | A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles |
| AWS Lambda guide | AWS Lambda - The Ultimate Guide |
| AWS SDK for JavaScript | Getting started in Node.js on AWS |
| Bejamas | Jamstack Web Developers with useful resources |
| Clerk | More than authentication - Simple and beautiful user management |
| Eleventy | Eleventy is a simpler static site generator. |
| Gatsby | Gatsby provides development teams a frontend framework for creating rich, optimized websites and a cloud platform for delivering them on a blazing fast edge network. |
| Gatsby - Intro workshop 2021 | Getting Started with Gatsby Workshop from GatsbyCONF 2021 |
| GraphQL | A query language for your API |
| Hasura | The Hasura GraphQL Engine provides GraphQL APIs over new or existing Postgres databases. |
| Jamstack | The modern way to build Websites and Apps that delivers better performance |
| Jamstack Explorers | Learning platform from Netlify |
| Next.js | Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds. |
| SendOwl | A better way to sell your digital products. |
| Strapi | Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable and developer-first. |
| Strapi - Tutorials | Follow along with one of our community tutorials to get you up and running with Strapi. |
| THE Eleventy Meetup | Join the Possum Posse to learn more about Eleventy! We're a new virtual meetup all about Eleventy and the tools and skills that support developing on Eleventy. |
| Vercel | Vercel enable developers to build and publish wonderful things |
| Vite | Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. |
Blog posts on topics related to the JAMStack
| Website | Description |
|---|---|
| Astro JS Framework | A Practical Guide To Building Faster Websites from Bejamas |
| Chris Biscardi | An independent consultant that works with startups built on OSS. Here he writes about JAMStack, Serverless, MDX, and more. |
| Creating A Blog With Eleventy | This article covers creating a blog from scratch using the Node.js powered static site generator Eleventy |
| Current AQI Map | This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions. |
| Headless Possibilities | In depth article on going headless |
| Hosting app on S3 | Hosting your entire web application using S3 + CloudFront |
| How to build an ecommerce site | How to build an ecommerce site with Strapi, Vue.js, and Flutterwave |
| Intl Explorer | Intl Explorer is a tool for experimenting and trying out the ECMAScript Internationlisation API |
| Josh W Comeau | Josh Comeau's Blog |
| Low budget serverless scraping | How Daily.Dev Built a Low-Budget Serverless Scraping Pipeline for Online Articles |
| Trending on Github | 🚀10 Trending projects on GitHub for web developers - 3rd July 2020 |
| Understanding Rendering in React ♻ ⚛️ | Understanding Rendering in React ♻ ⚛️ |
| Use Speedlify | Use Speedlify to continuously measure site performance. |
| Which AWS Certification | Which AWS certification should I get? |
Sites covering JavaScript topics
| Website | Description |
|---|---|
| Beginner's Guide to NPM | An Absolute Beginner's Guide to Using npm - The NodeSource Blog |
| Bundlephobia | Find the cost of adding a npm package to your bundle |
| codedamn | Learn JavaScript Basics for free |
| Eloquent Javascript | This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy. Written by Marijn Haverbeke. |
| esbuild | An extremely fast bundler for the web |
| freeCodeCamp | Learn to code — for free. Build projects. Earn certifications. |
| JavaScript: Novice to Ninja | As comprehensive as it can get. In 600+ pages you'll go from JavaScript Novice to Ninja. Covering everything from arrays, logic and loops, to functions, objects, DOM, events, testing and debugging, Ajax and more. It's everything you need to build with JavaScript. |
| Javascript for Web Designers | Mat Marquis’ JavaScript for Web Designers by A Book Apart is published online for free. |
| Javascript Memory Management | How to Avoid Common Memory Leaks and Improve Performance |
| JSDoc | JSDoc is a markup language used to annotate JavaScript source code files. |
| MDN Web Docs - JavaScript | A first splash into JavaScript |
| More than console.log | You can do more than just console.log() |
| Node.js Toolbox | Find actively maintained and popular libraries in the Node.js ecosystem. |
| Snipcart - Javascript | JavaScript Beginners: Friendly Intro & Exercises |
| The Vanilla JS Toolkit | Find modern JS methods and utility functions, and browse hand‑selected libraries, boilerplates, and learning resources. |
| Why npm scripts? | Article about using npm scripts as a build process and the command line in general. |
Software Development Jobs
| Website | Description |
|---|---|
| Daily Jobs | Job hunting with machine learning |
| Sitepoint Remote | Find remote jobs for developers, designers and digital professionals |
| X-Team | Join the most energizing community for developers and get long-term remote jobs with leading brands |
| YunoJuno | The UK's largest marketplace of elite creative & tech freelancers |
Software and Hardware for Livestreaming
| Website | Description |
|---|---|
| Aaron Parecki | YouTuber talking about Livestreaming |
| Aaron's 3D Printer | Aaron's 3D Printer stream |
| Aaron's Chat Links | Aaron's Chat Links |
| Aaron's Geolocation app | Overland tracks your location and sends your data to a server of your choosing. The app will save data while you're offline, and send it to the server later in batches. |
| Aaron's Timestamps | Aaron's Timestamps |
| BirdDog | World's Best NDI Tools |
| Decimator MD-LX | HDMI / SDI Bi-Directional Convertor |
| Epiphan Products | Hardware encoders for live streaming, recording, and switching |
| Here to Record | Everything you need to know about live-video production. |
| Lightstream | Lightstream Studio enables you to mix your livestream in the cloud. |
| mimoLive | Professional Live Streaming for Mac |
| NDI | Network Device Interface (NDI) is a high performance standard that allows anyone to use real time, ultra low latency video on existing IP video networks. |
| VDO.Ninja | Bring live video from your smartphone, remote computer, or friends directly into OBS or other studio software. |
| Owncast | Owncast is a self-hosted live video and web chat server for use with existing popular broadcasting software. |
| Restream Studio | Everything you need for a successful live stream right in your browser. |
| Rev | Convert Audio & Video To Text |
| Rivet | The Ultimate Broadcast Tool for Remote Streaming |
| Sharelink | Sharelink expands the capabilities of your Vidiu encoder to help you reach more viewers more reliably. |
| StreamYard | The easiest way to create professional live streams |
| Waves | Audio Plugins |
Maker technology
| Website | Description |
|---|---|
| Raspberry Pi - JavaScript on Pico | JavaScript on the Pico using the XS JavaScript engine in the Moddable SDK. |
| Shapeways | Shapeways custom 3D printing service. |
Merchandise suppliers
| Website | Description |
|---|---|
| Brand Addition | Brand Addition create incredible merchandise to support amazing brands |
| Inkthreadable | Inkthreadable can print your designs straight onto t-shirts, hoodies, mugs, phone cases and lots of other products! |
| Printful | Easy print-on-demand drop shipping and fulfillment warehouse services |
| Teemill | Sell T-Shirts Online with a Teemill print-on-demand store. |
| Teespring | A simple solution for creating and selling products and help you monetise your content |
| Trolley Coins | Trolley Coins from Keyrings, Badges & Bands |
Any links I want to note but don't know where to put them!
| Website | Description |
|---|---|
| Amazon First Reads | Amazon First Reads |
| Apple TV Development | How to unlock detailed streaming statistics on Apple TV |
| Amazing Waterfowl Facts | Incredible information from the world of waterfowl! |
| Clever Surround Sound | Clever BBC feature lets you use iPhones and iPads as surround-sound speakers for your Mac |
| craiyon | Craiyon, formerly DALL·E mini, is an AI model that can draw images from any text prompt! |
| Jurassic Time | Jurassic Time unearths the vast, long-forgotten ideas and stories of Jurassic Park through exclusive memoirs and other content while paying ultimate homage to the legendary dreamer himself: John Parker Hammond |
| Project Gutenberg | Project Gutenberg is a library of over 60,000 free eBooks |
Services for checking and monitoring web technologies
| Website | Description |
|---|---|
| Fast or Slow | Global website speed profiler |
Software for Markdown
| Website | Description |
|---|---|
| CommonMark Help | A strongly defined, highly compatible specification of Markdown |
| Dillinger | Dillinger is a cloud-enabled, mobile-ready, offline-storage compatible, AngularJS-powered HTML5 Markdown editor |
| readme.so | This simple editor allows you to quickly add and customise all the sections you need for your project's readme |
| slidev | Presentation Slides for Developers - Write slides in a single Markdown file |
Network Equipment and technologies
| Website | Description |
|---|---|
| GNS3 | Build, Design and Test your network in a risk-free virtual environment and access the largest networking community to help. |
| Marius Hosting | Blog by Marius Bogdan Lixandru focussing on Synology |
| The Homelab Wiki | Wiki from Jeremy at GeekedTV |
| Ubiquiti - Simplifying IT | Prosumer level network equipment |
| Ubiquiti - Downloads | Firmware downloads etc. for Ubiquiti equipment |
| Ubiquiti - Community | Official forums for Ubiquiti |
Open Source resources
| Website | Description |
|---|---|
| Open Source blog post | How Open Source saved me from my Udemy course addiction by Jake Page |
OpenGraph resources
| Website | Description |
|---|---|
| Open Graph Image Generation | Learn how to optimize social media image generation via the Open Graph Protocol and @vercel/og library. |
| OpenGraph.xyz | The Easiest Way to Preview and Generate Open Graph Meta Tags |
| The OpenGraph Protocol | The Open Graph protocol enables any web page to become a rich object in a social graph |
| Vercel OG Image Playground | You can use this tool to test and preview OG image cards generated with @vercel/og. |
Sites covering React
| Website | Description |
|---|---|
| 12 Useful React Tools | 12 Useful React Tools to Make You More Productive |
| Best Places to Learn React for Free | JavaScript in Plain English: The top places to learn React for beginners looking to level up their skills from basic to advanced |
| FaceID and TouchID in React Native | Using FaceID and TouchID in React Native and Expo |
| MUI autocomplete | Material UI AutoComplete in React |
| React Helmet | CSS Tricks article: Managing the Document Head of a React Powered Site With React Helmet |
| Radix | Unstyled, accessible components for building high‑quality design systems and web apps in React. |
| Top React Native Boilerplates | Top React Native boilerplates for 2021 |
Services for Business
| Website | Description |
|---|---|
| .new Shortcuts | There's a .new link that can help you get things done faster |
| Tide Company Registration | Open a business account and Tide will Register a limited company , all in one go. |
| With Jack | With Jack is all about insurance for freelance creatives. |
Software for business
| Website | Description |
|---|---|
| Atlassian - Confluence | Confluence is your remote-friendly team workspace where knowledge and collaboration meet. |
| Doodly | Doodly Is The First And Only Whiteboard Animation Software To Allow Anyone, Regardless Of Technical Or Design Skills To Create Professional, Realistic Whiteboard Videos In Minutes... |
| FreeAgent | Award-winning accounting software for small businesses. |
| Good Reports | Recommendations for genuinely good, helpful, non-toxic alternatives to Big Tech platforms |
| switching.software | Ethical, easy-to-use and privacy-conscious alternatives to well-known software |
Software for Software Development
| Website | Description |
|---|---|
| Apache Cordova | Mobile apps with HTML, CSS & JS |
| Bookstack | BookStack is a simple, self-hosted, easy-to-use platform for organising and storing information |
| Capacitor | Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS. |
| CodeKit | Dozens of web development tools in one fully-native Mac app. |
| Commands | Commands.dev is a searchable, templated catalog of popular terminal commands curated from across the internet |
| DistroWatch | A website dedicated to talking about, reviewing and keeping up to date with open source operating systems |
| fathom | Website analytics without compromise |
| Figma | Figma brings your teams together to design better products from start to finish |
| Hashnode | Hashnode: Everything you need to start blogging as a developer! |
| Is Apple Silicon Ready? | The complete guide for MacOS Apps Optimized for M1 Apple Silicon Macs |
| Replit | A free, collaborative, in-browser IDE to code in 50+ languages — without spending a second on setup |
Resources for working with macOS
| Website | Description |
|---|---|
| Cyberduck | Cyberduck is a libre server and cloud storage browser for Mac and Windows with support for FTP, SFTP, WebDAV, Amazon S3, OpenStack Swift, Backblaze B2, Microsoft Azure & OneDrive, Google Drive and Dropbox |
| Existential Audio | Developer of BlackHole. A modern macOS virtual audio loopback driver. |
| Mac Install Guides | Installation guides. For the Mac. Community-authored. |
| Mac Power Users | Mac Power Users Podcast from Relay FM |
| Text Case | Automatable Text Transformations |
| The macOS Automation Sites | “The power of the computer should reside in the hands of the one using it.” |
| Things 3 Keyboard Shortcuts | You can control Things on your Mac and iPad with keyboard shortcuts. |
| Titanium Software | Titanium Software provides operating system utilities for macOS |
Top sites for stock images
| Website | Description |
|---|---|
| Unsplash | Free high-resolution stock photos |
| Pixabay | Free stock photos shared by their community |
| Pexels | Free high-quality stock photos |
| Freephotos.cc | Free Creatvie Commons photos |
| Reshot | Free handpicked, non-stocky images |
| StockSnap.io | Free high-resolution images updated weekly |
| Burst | Free stock photos to use in any commercial project |
| Freepik | Free photos for personal and commercial use |
Scalable Vector Graphics
| Website | Description |
|---|---|
| Get Waves | SVG Wave generator |
| Loading.io | Animation made easy |
| Pattern Monster | Customizable SVG patterns for your projects |
| SvgPathEditor | Online editor to create and manipulate SVG paths |
| SVG Wave | Generate SVG Waves 🌊 |
| SVG Wave Generator | Create Beautiful SVG Waves |
Online courses
| Website | Description |
|---|---|
| exercism | Develop fluency in 55 programming languages with a unique blend of learning, practice and mentoring. Exercism is fun, effective and 100% free, forever. |
| Pirple | Each course consists of video-lectures, homework assignments, quizzes, projects, and a final exam. |
| writesite | A course for Web Designers: Launch faster by taking control over content |
Technology
| Website | Description |
|---|---|
| Arylic | Multiroom Audio System |
| Lon Seidman's Blog | Tech & Commentary from Lon Seidman of Lon.TV |
| Wiim Mini WiFi Music Streamer | Turn your audio gear into smart |
Tourism related sites
| Website | Description |
|---|---|
| Guide-ID | An audio guide company |
| Richborough Roman Fort Guide | Audio Guide for English Heritage's Richborough Roman Fort |
Transport related sites
| Website | Description |
|---|---|
| How Many Left | Find statistics about every make and model of vehicle registered in the UK |
UI and UX design resources
| Website | Description |
|---|---|
| Usability Hub | UsabilityHub is a remote user research platform that takes the guesswork out of design decisions by validating them with real users. |
| UXMetrics | Card sorting and tree testing made easy |
Resources to improve video conferencing
| Website | Description |
|---|---|
| Think Tap Work | Developers of Attendant for Zoom |
Resources for Village Halls
| Website | Description |
|---|---|
| ACRE News | Action with Communities in Rural England |
| Hampsthwaite Memorial Hall | Hampsthwaite Memorial Hall, Yorkshire |
Voice over IP
| Website | Description |
|---|---|
| A&A | For home, for business, or for your home office, A&A delivers high quality Internet connectivity and VoIP. |
| Clearly IP | VoIP specialist |
Sites covering Vue.js
| Website | Description |
|---|---|
| NativeScript-Vue | Truly native apps using Vue.js and NativeScript |
| Vue | An approachable, performant and versatile framework for building web user interfaces |
Web Component resources
| Website | Description |
|---|---|
| Shoelace | A forward-thinking library of web components |
General Web Development Topics
| Website | Description |
|---|---|
| Aysenur Turk's Codepen | Aysenur Turk, UI Developer |
| Bruce Lawson | Bruce Lawson's personal site |
| BuiltWith | Find out what websites are Built With |
| Can I email? | Based on caniuse.com but for email clients |
| Can I Use? | "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers |
| CodeLand | Coding Converence |
| codeSTACKr roadmap 2021 | Ultimate Web Developer Roadmap 2021 |
| Developer Roadmaps | roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings. |
| ffconf | ffconf is a full day of eight carefully curated sessions for an audience that cares about the future of the web, and who want their ideas challenged. |
| Front End Practice | Become a better frontend developer. Take your frontend skills to the next level by recreating real websites. |
| Learn Build Teach | Learn Build Teach is a welcoming and open community of web developers. |
| Learn UI Design Tools | Tools for designers - Gradient Generator, Data Visualisation Colour Picker, Accessible Colour Generator |
| Learn with Jason | Learn With Jason is live, hands-on learning with brilliant teachers from the web community every Tuesday & Thursday. |
| Letters to a new Developer | What Dan Moore wishes he had known when starting his development career |
| LogRocket Blog | Web dev blog from LogRocket |
| Maskable.app | Use Maskable.app to preview your maskable PWA icons before adding them to your web app manifest. |
| Parameters and Arguments | An Easy Way to Remember the Difference |
| Plain Vanilla Web | An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript. |
| Pro Git | The entire Pro Git book, written by Scott Chacon and Ben Straub and published by Apress |
| Resilient web design | Resliient web design by Jeremy Keith |
| roadmap.sh | roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings |
| Robin Rendle | Robin ia a designer at Sentry, staff writer at CSS-Tricks, and his latest project is a newsletter about the web. |
| Schema.org | Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. |
| Social Blade | Social Blade tracks user statistics for YouTube, Twitch, Instagram, and Twitter! |
| Smashing Magazine | Online Magazine covering all things web. |
| Structured Data Generator | Structured Data Generator from Simplified Search |
| Study Web Development | Study Web Development is run by Kyle Prinsloo |
| Transform | A polyglot web converter. |
| Traversy Media Content Guide | A categorised map of crash courses, projects and paid courses by Traversy Media |
| UI Goodies | The best resources for designers in one place. |
| /uses | A list of /uses pages detailing developer setups, gear, software and configs. |
| W3Techs | W3Techs provides information about the usage of various types of technologies on the web |
| Web Design Museum | Web Design Museum exhibits thousands of websites that chronicle forgotten trends in web design from its beginnings in the 1990s to the mid-00s |
| Web Page Test | Test. Optimise. Repeat. |
| Web Dev for Beginners | Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics |
| Webbed Briefs | WEBBED BRIEFS are brief videos about the web, its technologies, and how to make the most of them. They’re packed with information, fun times(TM), and actual goats. Yes, it’s a vlog, but it isn’t on Youtube. |
| whitep4nth3r | Salma helps developers build stuff, learn things and love what they do |
Post talking about Web Development and Web Development Businesses
| Website | Description |
|---|---|
| Canonical URL | Canonical URL - What Is It And Why Should You Care |
| How to get Clients as a Freelance Developer | How to get Clients as a Freelance Developer - Post from Study Web Development |
| How to start a Freelance Web Design Business | How to start a Freelance Web Design Business with no experience - Post from Study Web Development |
| Top Front-End Tools Of 2023 | Smashing Magazine article by Louis Lazaris |
Resources focussing on web accessibility
| Website | Description |
|---|---|
| 5 Free Website Accessibility Tools | Blog post: 5 Free Website Accessibility Tools to Add to Your Auditing Process |
| 16 Lesser Known Accessibility Issues | Post from Toward with 16 A11y Tips |
| Accessibility | JavaScript in Plain English: How to Design Your Website with Accessibilty in Mind |
| The A11Y Project | The A11Y Project is a community-driven effort to make digital accessibility easier |
| Color Playground | Accessible Colour Playground by Alexey Ardov |
| Huetone | Accessible Colour Tool by Alexey Ardov |
| Mac VoiceOver Testing | Mac VoiceOver Testing the Simple Way by Scott Vandehey |
| Randoma11y | Generate random accessible color combinations |
| Tota11y | Tota11y is a simple tool to visualise the most widespread web accessibility errors in a non overwhelmingly-techy way |
| Web Accessibility Checklist | Best Practices and a Checklist for Developers |