Links

Click to expand the different categories of links below. The categories below consist of various links that I use frequently or that I have found helpful before.

Want your link added? If you have a helpful web tool, I’ll post it here. Let me know by contacting me.

CSS

Site Name	Description
CSS Reference – https://developer.mozilla.org/en-US/docs/Web/CSS/Reference	CSS reference – CSS: Cascading Style Sheets | MDN
CSS Mastering the :nth-child – https://archive.is/AuFue	Archive link to a great page on how to best utilize the nth-child features in CSS.
CSS Prefixer – http://www.cssdrive.com/cssautoprefixer/	Free web tool to automatically prefix your CSS
CSS Minify – https://www.cleancss.com/css-minify/	Free web tool to minify your CSS to reduce file size
W3C CSS Validator – https://jigsaw.w3.org/css-validator/	Free web tool to validate your CSS for errors
CSS Flexbox – https://css-tricks.com/snippets/css/a-guide-to-flexbox/	A Complete Guide to Flexbox by CSS-Tricks
CSS Font Stack – https://www.cssfontstack.com/	Web safe font stacks that work on all browsers
CSS Modern Font Stacks – https://modernfontstacks.com/	System font stack CSS organized by typeface classification for every modern OS
Type Scale – https://typescale.com/	Preview and choose the right type scale for your project.
Transfonter – https://transfonter.org/	Online @font-face generator
Clippy – https://bennettfeely.com/clippy/	CSS clip-path custom shape generator
CSS Gradient Generator – https://www.colorzilla.com/gradient-editor/	A powerful Photoshop-like CSS gradient editor
CSS Background Gradients – https://cssgradient.io/	Create free gradient backgrounds for your website.
CSS Text Gradients – https://www.cssportal.com/css-text-gradient-generator/	CSS Text Gradient Generator – CSS Portal
CSS Mesh Gradients – https://csshero.org/mesher/	CSS mesh gradients generator: Mesher Tool by CSS Hero
CSS Email Guide – https://www.campaignmonitor.com/css/	CSS Support Guide for Email Clients [+Checklist] | Campaign Monitor
CSS Grid Generator – https://grid.layoutit.com/	Interactive CSS Grid Generator | Layoutit Grid
CSS Typewriter Effect – https://css-tricks.com/snippets/css/typewriter-effect/	A cool animated typewriter effect by CSS-Tricks
CSS Only Text Animation – https://codepen.io/RobinTreur/pen/QKjgPX	Pure CSS Text Animation
Infinite – https://tilomitra.github.io/infinite/	Useful infinite CSS animations that you can drop into your project.
Animation Libraries – https://css-tricks.com/css-animation-libraries/	Various CSS animation libraries explored by CSS-Tricks
CSS Buttons – https://www.sliderrevolution.com/resources/css-button-hover-effects/	The Best CSS Button Hover Effects You Can Use Too
Image Hover – https://imagehover.io/	Imagehover.css – A Pure CSS Image Hover Effect Library
CSS News Ticker – https://codepen.io/lewismcarey/pen/GJZVoG	Create an animated news ticker marquee with pure CSS.
Responsive Tables – https://css-tricks.com/responsive-data-tables/	Responsive Data Tables | CSS-Tricks
Hero Patterns – https://heropatterns.com/	A collection of repeatable SVG background patterns
imagehover.css – https://imagehover.io/	Pure CSS Image Hover Effect Library
Animate.css – https://animate.style/	Just-add-water CSS animations

JavaScript

Site Name	Description
JavaScript – https://javascript.info/	The Modern JavaScript Tutorial
JS Minify – https://www.toptal.com/developers/javascript-minifier	Free web tool to minify your JS to reduce file size
JSON Lint – https://jsonlint.com/	JSON Online Validator and Formatter – JSON Lint
Colorbox – https://github.com/jackmoore/colorbox	A lightweight customizable lightbox plugin for jQuery
Tooltipster – https://calebjacob.github.io/tooltipster/	A flexible and extensible jQuery plugin for modern tooltips.
Headroom – https://wicky.nillia.ms/headroom.js/	Give your pages some headroom. Hide your header until you need it.
Swiper – https://swiperjs.com/	The Most Modern Mobile Touch Slider

WordPress

Site Name	Description
Learn WordPress – https://learn.wordpress.org/	These vast resources will help you learn more about WordPress and share it with others.
WordPress Codex – https://codex.wordpress.org/	The online manual for WordPress and a living repository for WordPress information and documentation.
WordPress News – https://wordpress.org/news/	The latest news about WordPress and the WordPress community.
WordPress Developer Reference – https://developer.wordpress.org/reference/	WordPress code reference
WordPress Debugging – https://wordpress.org/support/article/debugging-in-wordpress/	WordPress comes with specific debug systems designed to simplify the process as well as standardize code across the core, plugins and themes.
WordPress Developer Blog – https://developer.wordpress.org/news/	Keep up with the latest articles from WordPress developers.
Theme Developer Handbook – https://developer.wordpress.org/themes/	Your resource for learning all about the exciting world of WordPress themes.
Theme Development – https://codex.wordpress.org/Theme_Development	Learn about developing WordPress themes.
Plugin Developer Handbook – https://developer.wordpress.org/plugins/	Your resource for all things related to WordPress plugins.
Core Blocks Reference – https://developer.wordpress.org/block-editor/reference-guides/core-blocks/	A reference for all the core blocks available in WordPress block themes.
WordPress Beginner – https://www.wpbeginner.com/	WordPress articles for beginners.
WPFSE – https://fullsiteediting.com/	WordPress Full Site Editing guidelines and tutorials
Admin user with phpMyAdmin – https://wpengine.com/support/add-admin-user-phpmyadmin/	Add a WordPress Admin User with phpMyAdmin
WP Engine disallowed plugins – https://wpengine.com/support/disallowed-plugins/	Plugins that WP Engine does not allow users to install.
Force CSS Refresh – https://www.launch2success.com/guide/force-css-changes-to-go-live-immediately-in-wordpress/	The best way to fight caching is to “version your CSS”.

Web Development

Site Name	Description
WebAIM Contrast Checker – https://webaim.org/resources/contrastchecker/	Validate that your color schemes pass a contrast test for accessibility concerns.
Can I Use… – https://caniuse.com/	Test your website for compatibility across 2,000+ real browsers and devices.
Lorem Ipsum – https://www.lipsum.com/	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Bacon Ipsum – https://baconipsum.com/	Does your lorem ipsum text long for something a little meatier?
Awwwards – https://www.awwwards.com/	Website awards
Noun Icons – https://thenounproject.com/icons/	Free icons by The Noun Project
iconmonstr – https://iconmonstr.com/	Free icons by iconmonstr
Heroicons – https://heroicons.com/	Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
ICONS8 – https://icons8.com/	Icons, illustrations, photos, music, and design tools
Spaces – https://codebeautify.org/remove-extra-spaces	Free web tool to remove extra spaces
Mozilla Developer – https://developer.mozilla.org	Mozilla developer reference for various coding languages and technologies
PHP Manual – https://www.php.net/manual/en/index.php	The official PHP English manual
HTML Codes – https://ascii.cl/htmlcodes.htm	Table of ASCII characters and symbols
W3Schools – https://www.w3schools.com/	W3Schools Online Web Tutorials
Screen Resolutions – https://gs.statcounter.com/screen-resolution-stats	Screen resolution stats worldwide is a helpful tool for deciding media queries and display breakpoints.
DevRant – https://devrant.com/	A fun community for developers to connect over code, tech & life as a programmer
IsItDownRightNow? – https://www.isitdownrightnow.com/	Check to see if a website is down for only you or for everyone.
RealFaviconGenerator – https://realfavicongenerator.net/	The RealFaviconGenerator helps generate a full Favicon package that works.
Google Mobile Test – https://search.google.com/test/mobile-friendly	Test if your page is mobile friendly with Google
Bing Mobile Test – https://www.bing.com/webmaster/tools/mobile-friendliness	Test if your page is mobile friendly with Bing
Compressor.io – https://compressor.io/	Optimize and compress JPEG photos and PNG images
SVG Compressor – https://vecta.io/nano	World’s Best SVG Compressor
SVG to Base64 – https://codebeautify.org/svg-to-base64-converter	SVG to Base64 Converter to convert SVG to Base64 String.
Site-Shot – https://www.site-shot.com/	Capture a Website screenshot
Why No Padlock? – https://www.whynopadlock.com/	Test your site for SSL compatibility and fix those broken locks.
Logo Wine – https://www.logo.wine/	Brand Logos Free Download in SVG Vector & PNG File Format
WebP to PNG Convert – https://cloudconvert.com/webp-to-png	Convert .webp images to .png images
RandPass – https://www.randpass.com/advanced.html	Random Password Generator
YouTube Screenshot – https://www.youtubescreenshot.com/	Get Screenshots from YouTube Videos
MP4 Compress – https://www.mp4compress.com/	Compress MP4 Video Files Online Free | Mp4Compress
Conversion Tools – https://conversiontools.io	Online Converter for Files, eBooks and Images
Character Count – https://www.charactercountonline.com/	Online Character Count Tool
Meta Length – https://mrs.digital/tools/meta-length-checker/	Meta Length Checker | SERP Preview Tool 2022 | MRS Digital
Timestamp Converter – https://timestamp.online/	Convert timestamp to date or date to timestamp easily
Current Timestamp – https://www.currenttimestamp.com/	This page will always show the current UNIX timestamp

Linux

Site Name	Description
It’s FOSS – https://itsfoss.com/	Making you a better Linux user
Linux Mint keyboard shortcuts – https://www.reallinuxuser.com/great-keyboard-shortcuts-for-linux-mint-cinnamon/	Great keyboard shortcuts for Linux Mint Cinnamon
How to upgrade Linux Mint – https://linuxmint-user-guide.readthedocs.io/en/latest/upgrade-to-mint-21.html	How to upgrade to Linux Mint 21 — Linux Mint User Guide documentation
Change cursor in Linux Mint – https://forums.linuxmint.com/viewtopic.php?f=90&t=151639	How to customize your mouse cursor/pointer in Linux Mint.
How to install XAMPP on Linux – https://www.thedigitnews.com/how-to-install-xampp-on-linux-without-complications/	How to install XAMPP on Linux without complications
XAMPP fix HTDOCS folder permissions for Linux – https://www.computernetworkingnotes.com/linux-tutorials/xampp-htdocs-permission-issue-and-fix-in-ubuntu.html	How to possibly fix the HTDOCS folder permission issue in Linux.
How to install Firefox Developer Edition on Linux – https://linuxconfig.org/how-to-install-firefox-developer-edition-on-linux	The “developer edition” is a special version of the Mozilla Firefox web browser tailored for web developers.
BitChute DL for Linux command line – https://github.com/Matteljay/bitchute-dl	Download videos from Bitchute instantly via the terminal with ‘bitchute-dl https://video.URL.here’
How to Flush DNS in Linux – https://www.howtogeek.com/844964/how-to-flush-dns-in-linux/	Flush your DNS cache via the terminal command line in Linux Mint.
How to Install NVIDIA Drivers on Linux Mint – https://www.linuxcapable.com/install-nvidia-drivers-on-linux-mint	Optimize your Linux Mint system for the best graphical performance.
Speed up Linux Mint – https://easylinuxtipsproject.blogspot.com/p/speed-mint.html	Easy Linux Tips Project: Speed Up your Mint!
Best Linux Software – https://itsfoss.com/essential-linux-applications/	Must Have Essential Applications for Desktop Linux Users
Best Linux Games – https://beebom.com/best-linux-games/	Best handpicked AAA games you can play on Linux without any issues
ProtonDB – https://www.protondb.com/explore	Play Steam games on Linux
How to Use Proton – https://www.howtogeek.com/738967/how-to-use-steams-proton-to-play-windows-games-on-linux/	How to Use Steam’s “Proton” to Play Windows Games on Linux
Best Linux Emulators – https://www.ubuntupit.com/best-game-emulator-consoles-for-linux/	30 Best Game Emulator Consoles for Linux
Write to wp-config.php file on Linux – https://dev.to/jovialcore/solvedunable-to-write-to-wp-configphp-file-on-linux-ubuntu-1noa	[Solved] Unable to write to wp-config.php file on Linux Ubuntu – DEV Community
XAMPP desktop icon on Linux – https://appuals.com/how-to-create-a-linux-launcher-for-the-xampp-control-panel/	How to Create a Linux Launcher for the XAMPP Control Panel
Make GIMP look like Photoshop – https://thegimptutorials.com/how-to-make-gimp-look-like-photoshop/	How to Make GIMP Look Like Photoshop (Step-by-Step)
How to install VirtualBox on Linux Mint – https://linuxiac.com/install-virtualbox-7-on-linux-mint-21/	VirtualBox 7 on Linux Mint 21: A Complete Installation Guide

Miscellaneous

Site Name	Description
No-AI Content – https://no-ai-icon.com	Be more trusted and show more content value with these No Ai content icons, or the 100% human-made content badges. 100% free forever.
AI Consequences – https://aiconsequences.com	A critical look at the many different aspects of Artificial Intelligence.
StevenBlack/hosts – https://github.com/StevenBlack/hosts	Hosts files for blocking all the crappy websites out there that we don’t want to see.
Radio Garden – https://radio.garden/	Explore live radio by rotating the globe.