Tools List
A curated and growing list of SEO, design and development resources I use regularly and find useful.
Ratio Buddy
↗CSS/SCSS Image aspect ratio calculator using the padding bottom technique
Fontpair
↗Master typography with these free fonts and font pairings to use for your next design project.
Coolors
↗The super fast colour palette generator. Thousands of combos wrapped in web app and extensions.
Unsection
↗An extensive, focused library of modern website section designs to help with designers block.
Transfonter
↗Modern and simple css @font-face generator and font file converter. Super reliable, helps me get my fonts set up.
uiverse
↗Open-Source UI elements for any project. Create and contribute your own front end resources.
Staticrypt easy password protect
↗Based on the crypto-js library , StatiCrypt uses AES-256 to encrypt any string with a passphrase in your browser (client side).
BlockSite: Focused Work Control
↗Stay focused and improve your productivity. Easily block distracting websites that make you procrastination on a timer for more focused work.
Feedback.fish
↗The easiest, lightest feedback widget to embed into a website to gather valuable insight from your audience. Copy, paste, collect 👌 Free to start too 💪
Clean Schema Generator
↗Multiple schema type generator to get you started without the need for coding. Simple fill out the fields and copy the code!
Noisli - Sounds For Focus
↗Background sounds that help to mask annoying noises in order to keep you sane, improve your focus and boost your productivity.
Search Operator Directory
↗A list of Google advanced search operators including key phrases & symbol examples of how to use every search operator to its full potential.
Sitebulb
↗A quality SEO crawler rivalling screaming frog. Sitebulb's USP is the guidance it provides to empower SEO's to deliver more actionable website audits.
CSS Peeper
↗Forget browser dev tools, quickly peep on web page CSS data in a clean and super handy UI - you can even export images!
Moz Ranking Factors
↗Every two years, Moz surveys the opinions of dozens of the world's brightest search marketers to run studies to help identify correlating ranking factors.
Octopus IA Designer
↗Build your website structure in real-time and rapidly share it to collaborate with your team or clients. Start prototyping websites or apps instantly.
30 Days of Accessibility Testing
↗A list of 30 challenges around accessibility testing, one for each day of the month. Downloadable. Saveable. Print it out. Stick it on your wall. Go do it!
BrowserStack
↗Test your site on 2000+ real devices and browsers to find and troubleshoot compatibility issues at scale.
Uptime Robot
↗A free and super intuitive uptime monitor that pings a selected site every 5 minutes to check it's up. If it's down, you'll get an email - users can't visit a dead site!
ContentKing Real Time SEO Auditor
↗Real-time 24/7 cloud based SEO auditing and content tracking - monitor website changes that could affect your SEO and get them wrapped up in this awesome web app.
htaccess Tester
↗I adore this tool and rely on it for new sites and migrations to validate my code before deploying. Test your code, apply your URL and get a clear output.
Httpster Web Design Inspiration
↗Httpster is an inspiration resource showcasing totally rockin' websites made by people from all over the world.
JavaScript Toggle On/Off
↗A quick JavaScript switcher extension that enables/disables JavaScript globally on the fly. Complete with auto-reloader to render pages after switching on or off.
Robots Exclusion Checker by Sam Gipson
↗A simple but outstanding extension that alerts you to search engine indexation or crawl restrictions in real time - share some love to Sam.
Squoosh Image Optimization
↗Hands down the most simple and effective image optimisation tool out there. Drag & drop, resize and compress images with instant comparison and download.
Datasayer Tag & Analytics
↗dataslayer monitors data layers used by Google Tag Manager, Tealium, Adobe DTM / Launch, and TagCommander to immediately update you when a new value is pushed.
Regex101 - Regular Expression Test & Learn
↗Test, learn and debug regular expressions you are using. This tool is one of the best to get to grips with regex. Paste your code & string and get an explanation of what's happening.
IE Tab
↗Display web pages using IE within Chrome. Use Java, Silverlight, ActiveX, Sharepoint, and more. Super helpful to debug loading and or design issues.
Why No Padlock? SSL Checker
↗A simple tool that will tell you exactly what the problem is with your insecure items on your SSL webpage to troubleshoot why don't have a padlock.
Analyze Page Performance
↗Analyze the page load time and other important performance details for every page you visit. Built on top of HTML5 and native JS this is super useful for SEO's!
The Noun Project: Free Icons
↗A hugely comprehensive icon collection built by a bustling design community. Noun's aim is to build the most diverse and extensive collection of icons ever!
Knowledge Graph Explorer
↗Big shout to Jason Barnard for his love of the Knowledge Graph. Type in your brand or your own name to see what information is contained in Google's Knowledge Graph.
Convertio
↗Convert files in your browser from one format into another. More than 2500 different conversions supported - save some time Googling!
Archive.org
↗An archive of the internet - search the history of over 542 billion web pages on the Internet. You can also prompt archive.org to take a snapshot of your site.
Distill.io Change Tracking
↗Automate and track internal and external website updates. Monitor any page with a custom rule and get instant alerts via SMS or email.
SEO Browse
↗The world's first browser built for International SEO's - Accurately analyse international SERPs with this this simple and clean web browser.
Daily Speed Monitoring
↗Track your website speed and performance data every day using Lighthouse data. Track speed historically over time & get notified when your page speed score drops.
Cite This For Me: Web Referencer
↗Cite websites, books, papers, articles, podcasts, songs, and more - Get fast, perfect references and footnotes for your content.
View Rendered Source
↗A lightweight Chrome Extension that shows you how the browser has constructed (rendered) a page's original HTML into a functioning DOM, including modifications made by JavaScript.
Link Redirect Trace
↗All-in-one redirect path analyzer. HTTP Headers, Rel-Canonicals, robots.txt, link power, trust and risk analyzed, too! Particularly powerful for tracing redirects.