We asked our colleagues: Which tools and websites make your everyday work in and with the World Wide Web easier? From a flood of links in Slack, we came up with this cheat sheet with our favourite little helpers.
Accessibility
whocanuse.com – Test colour combinations with regard to different visual impairments
a11ysupport.io – Test compatibility of frontend features with assistive technologies
wave.webaim.org – Test accessibility & best practices directly on your website
polypane.app and accessible-colors.com – Check colour contrasts
accesible-color-matrix and colorsafe.co – Generate accessible colour palettes
experte.com/accessibility – Crawl multiple pages and generate lighthouse reports
Website Performance
webpagetest.org – Various performance tests with extensive configuration options
waterfaller.dev – Core Web Vitals Test with detailed guide for optimisation
Colour palettes
mycolor.space and color.adobe.com – Classic colour generators
coolors.co – Colour palettes following the Tinder principle
ColorBox – Generate colour gradations in the HSB colour space
picular.co – Image-based generation according to keywords
Sass Color Generator – Colour gradations as calculated in SASS/SCSS
branition.com – hand-curated color paletts best fitted for branding
CSS
shadows.brumm.af – Calculate CSS Box Shadows
sassmeister.com – Convert SCSS and SASS to CSS
cssfontstack.com – Generate entire font stacks including fallbacks
google webfonts helper – Optimised integration of Google Fonts
flexbox playground – Interactive FlexBox Cheat Sheet
css cheat sheet – Practical overview of frequently used CSS instructions
TYPO3
t3versions.com – Get the TYPO3 version of a website via URL
Composer Helper – Generate Composer commands for TYPO3 extensions
fluid-to-inline-converter.com – Convert TYPO3 Fluid Tags to inline notation
Rector Update Guide – Automatically update old extensions with rector
TYPO3 Icons – Find icons in TYPO3 backend and render it via ViewHelper
HTTP Header
permissionspolicy.com – Generate HTTP headers
securityheaders.com – Check HTTP headers via URL
Structured data
search.google.com – Testing rich search results and content display variations on Google
developers.google.com – Detailed explanation of structured data
Software & Technology Versions
caniuse.com and caniemail.com – Check browser & mail compatibility for individual features
whatwebcando.today – Check feature compatibility for the current browser
caniphp.com – PHP Feature Support by Version
Backend Coding
crontab.guru – Define cronjob schedules
regex101.com – Check Regular Expressions
ohshitgit.com – Git code snippets for tricky situations
devdocs.io – pretty much all API documentation
drawsql.app – quickly create fancy SQL diagrams
ptsv2.com – POST and GET Test Server
Miscellaneous
devhints.io – Cheat sheet for various web applications
carbon.now.sh – Template for code snippets
ratiobuddy.com – Calculate aspect ratios
answerthepublic.com – View Google search queries and relations
svgomg – Reduce and optimise SVGs
Do you have more helpful links that make your everyday life in the web easier? We'd love to keep adding to this list - so just drop us a line on LinkedIn oder Twitter!
