Tools
A selection of online website design and build toolsImage Tools:
- Adobe Spark – similar to Canva
- Canva – #1 online graphic design tool
- Canva palette generator
- Canva design size guide
- Canva font combinations
- Canva online photo editor – simple basic program
- Crello – #2 online graphic design tool
- PickMonkey – online image editor, my current favourite!
- Pixlr X – for regular users
- Pixlr E – for advanced users
- Photopea – edits PSD, Adobe file formats
- Fotojet – useful and easy to use
- Remove BG – auto remove backgrounds
- Tinypng – great online image compression tool
- Compressor – online image compression
- Colorize photos
Image Sources:
- Awesome Stock Resources – very large list
- unDraw – pen Source illustrations
- Freepik – a good starting place
- FreeJPG – a varied collection of stock photos
- Pexels – a new free stock photo site
- Pixabay – a good resource for web quality images
- Pngimg– a great selection of cutout images
- Subtle Patterns – great collection of subtle backgrounds
- StockSnap io – collection of free stock photos
- Bossfight – another good display of stock photos
- 20 Cool Sites For Free WordPress Header Images
Design Tools:
Colour Tools:
- Adobe Color CC
- Coleure
- Material Design Color Tool
- Material Palette
- Paletton
- RGB palette
- Colour review tool for accessibility
- Theme Options
Typography:
- Google Fonts – see them in action
- Google Font Tester
- Typespiration – font pairings
- Type Scale – a visual calculator
- How to Host Google Fonts Locally
- Font Converter
Accessibility Testing:
- How to Fine-Tune Your Existing WordPress Website for Accessibility
- Wave – website accessibility testing
Online Logos:
- Vectr – online logo creator + SVGs
- Logastor
- Logoshi
- Ucraft
- Make Logo Online
- Online Logo Maker
SVG’s:
- How to Add & Animate Your SVG Logo Inside Your Global Header
- Blogmaker app
- What Is an SVG File (And How do You Upload SVGs to WordPress)?
- SVG Sanitizer Test
- How to Safely Enable SVG Support in WordPress (Manually & Via Plugin)
CSS Tools:
- Colorable – colour accessability checking tool
- A large collection of CSS stylesheets
- Aspect Ratio Calculator
- Border Radius Generator
- Colour Shades Generator
- * CSS Matic – good cross browser border radius, box shadow & gradient generators
- CSS Animation Generator
- CSS Box Shadow Generator
- CSS Button Generator
- CSS Text Shadow Generator
- CSS Code Validation Tool
- CSS Stats – reports your websites CSS metrics
- Generate media queries
- Generate vendor prefixes
- Generate breakpoints
- Generate image filters
- Generate font units px/pt/em/%
* my favourites
SEO Tools:
- On-Page SEO – The definitive guide
- On-Page SEO template
- Yoast Google Suggest – expander SEO keyword list
- Yoast SEO KB
- Yoast SEO KB: WooCommerce
- Taking a Look at Google Analytics 4
- SEOPress Good free option and excellent pro version for unlimited sites.
Dummy Test Tools:
- Lorem Ipsum generator – a cat inspired dummy text generator
- Professional Lorem Ipsum Generator
- Blind Text Generator
Misc Tools:
- Business Name Generator – a tool to assist in finding the perfect business name
- Create a map for your website without Google API
- FontFling – a small online font selection tool
- Why You Should Be Using a Password Manager
- LastPass – tpassword management solution
- Proposify – create professional business proposals
- 123apps – online multi-media tools (video cutter)
- Blog post headline analyser – check you headline
- Link Checker – check for 404s
- Favicon Generator
- Favicon Checker
- https://smallpdf.com/ compress PDF & convert to Word
- CloudConvert – online multi-format conversion