Useful Resources

A list of useful web apps for designers, developer, digital marketers, and anyone who interacts with the web. I tried to limit this list to only web-apps, as for native software or downloadable apps I'll make a separate list in the near future.

Page Optimisation / Usability  #

• Website Performance/Optimisation https://gtmetrix.com
• Web Check https://web-check.xyz
• DeBug Bear https://www.debugbear.com/test/website-speed
• Page Speed Optimisation https://pagespeed.web.dev
• Web page test https://www.webpagetest.org
• Fast web based image compression https://compressor.io
• Measure webpage quality https://web.dev/measure
• GDPR Compliance https://www.dmscookie.com

Website Eco Analysis #

• Beacon https://digitalbeacon.co
• Website Carbon Calculator https://www.websitecarbon.com
• Ecograder https://ecograder.com
• Zifera https://zifera.io/carbon-test

Front End Dev #

• iTerm 2 https://iterm2.com
• Oh My Zsh https://github.com/ohmyzsh/ohmyzsh?tab=readme-ov-file
• VS Code https://code.visualstudio.com
• CSS Clip-path maker https://bennettfeely.com/clippy
• Simple css @font-face generator https://transfonter.org
• Type Scales (Web Typography) https://type-scale.com
• PX to EM conversion http://pxtoem.com
• Asset Cloud Library https://cloudinary.com
• Markup generator for mailto links https://mailtolink.me
• Yoncé Discord theme https://yoncetheme.com
• Shopify Liquid cheat sheet https://www.shopify.com/partners/shopify-cheat-sheet
• Dig DNS Lookup https://toolbox.googleapps.com/apps/dig
• CSS Reset https://meyerweb.com/eric/tools/css/reset
• Fluid Typeface https://utopia.fyi
• SVGOMG https://jakearchibald.github.io/svgomg
• Typora [Markdown editor] https://typora.io

Accessibility #

• Generate an accessibility statement https://www.w3.org/WAI/planning/statements/generator/#create
• New Zealand Web Design Accessibility Standards and Guidance https://www.digital.govt.nz/standards-and-guidance/nz-government-web-standards/web-accessibility-standard-1-1/
• WAVE Web Accessibility Evaluation https://wave.webaim.org
• Color Contrast Checker https://webaim.org/resources/contrastchecker

Misc #

• Face of people that don't exist https://www.thispersondoesnotexist.com
• Simple voice recording service/storage https://vocaroo.com/?upload
• Quick Favicon converter https://favicon.io/favicon-converter
• Effective paraphrasing tool https://quillbot.com
• Link shortener https://bitly.com
• Online Meetings https://meet.jit.si

SEO #

• Scheme Markup Generator https://technicalseo.com/tools/schema-markup-generator
• Rich Results Test for webpages https://search.google.com/test/rich-results
• Structured Data Linter http://linter.structured-data.org/?url=
• Test your structured data https://developers.google.com/search/docs/advanced/structured-data

Marketing / Analytics  #

• Facebook Ad Library https://www.facebook.com/ads/library
• Website Heat maps/analytics https://www.hotjar.com
• Keyword Planner https://ads.google.com/intl/en_nz/home/tools/keyword-planner
• Linktree https://linktr.ee/
• Fathom analytics [Google analytics alternative] https://usefathom.com

Design #

• Figma https://figma.com
• Google Material Design Iconography https://fonts.google.com/icons
• Design System documentation https://zeroheight.com
• Web-Design inspiration https://www.itsnicethat.com/media/web-design
• Identify a font https://www.myfonts.com/pages/whatthefont
• Quick visual sitemaps https://octopus.do
• Mac font editor https://glyphsapp.com

Internet #

• Speed https://www.cloudflare.com
• More speed https://1.1.1.1
• Check data breaches https://haveibeenpwned.com

Hope you enjoy 💚  #