Collection of tools found and tested
The time line can be vertical or horizontal and represents temporal data in an ordered fashion.
- https://codepen.io/anon/pen/gxvgGw
- https://stitches.hyperyolo.com/ Interesting Tailwind powered template generator
- http://basscss.com/
- http://tachyons.io/ (Cheatsheet and customisations )
- https://tailwindcss.com/
- https://taniarascia.github.io/primitive/
Emphasis on microJS utilities rather than large libraries
- Nan01d Tiny 162-byte UUID generator (Useful collision probability tool)
- Iodine Micro frontend form validation tool
- Micromodal Micro framework to build modals
- Modals Very light and flexible modal script
- Tabby As above for tabs
- SweetAlert2 Fancy kitchen sink modal dialogs with forms
- ScrollReveal Animation library for scroll/reveal work
- Tlite Lightweight tooltips
- AnchorJS Deep anchor links for headings with # URL
- SmoothScroll Smooth scrolling to anchors.
- Bouncer HTML5 form validation with JS improvements.
- Atomic Small Ajax/HTTP Promises library for AJAX GET/POST requests
- DaysJS Lightweight syntax compatible version of Moment.js
- datefns Modern date function library
- Houdini Lightweight Accordions
- Astro Mobile navigation collapse (burger) menu
- Gumshoe Scrollspy (great for sidebar and TOC navigation)
- Xray Password show/hide toggle for form fields
- Lity Lightbox script
- Instafeed Nice front-end instagram integration
Great page of VanillaJS resources many of which are already individually linked above. https://vanillajstoolkit.com
- Staticman Pipes field data to a markdown file on your GitHub repo. NodeJS, can be self hosted or SaaS
- Trigger & Send Google Sheets addon Call a webhook when a Sheets event is triggered
- Terms of Service Generator
- Better contrast ratios https://colorable.jxnblk.com
- Palette generator https://palx.jxnblk.com/
- http://clrs.cc/
- Colour Scale tool https://hihayk.github.io/scale/
- CSSGradient maker https://uigradients.com/#LoveCouple
- Tint generator https://noeldelgado.github.io/shadowlord/#1BD764
- Get Waves SVG wavy bottom/top generator
- Blobmaker SVG blob generator
- SVGOMG SVG optimisation web app
- Vivus Instant SVG stroke animation
- http://geomicons.com/
- http://jxnblk.com/geomicons-wired/
- http://www.zondicons.com/
- http://www.entypo.com/
- https://feathericons.com/
- https://github.com/sschoger/heroicons-ui
- https://akveo.github.io/eva-icons/#/?type=outline
- https://icons8.com/c/animated-icons
- https://material.io/develop/web/
- https://robinparisi.github.io/tingle/ Self contained modal script/CSS
- https://elrumordelaluz.github.io/micro-outline-stroke/
- https://plnkr.co
- Clippy Clipping path maker
- Sheety Generate JSON/XML API from Google Sheet
- https://images.weserv.nl/ (free)
- https://cloudinary.com (good free tier also supports video)
- https://www.imgix.com/ (no free tier but fair and scalable pricing model)
- https://1mb.site/ (Interesting microhost with noSQL database)
- https://www.formata.io/ (paid) Very feature rich, webhooks, results API
- https://formaholic.com/ (free) Simple emailing of form data. Stores results online. Protects email.
- https://formsubmit.io/ (free) simple endpoint emailer
- https://formbucket.com/ (paid) Cheap and very good webhook features
- https://formspree.io/ (free + paid) Simple and elegant email endpoint + upgrade features
- https://formcarry.com/ (free + paid) Advanced features in paid version
- https://helloforms.co/ (cheap paid) Webhooks, otherwise quite basic but great pricing
- Custom forms for Google Sheets How to customise a front end form for Sheets
- gethead.info A free guide to HTML element best practices
- web.dev Google Lighthouse
- YoastSEO Javascript engine from Yoast SEO WP plugin
- Frontend Performance Checklist
- Metatags.io Meta tag, facebook og and Twitter card generator
- Instant.page Preloads links on hover to accelerate page load experience. 1kB script.
- MyCTA Call to action button for shared links to divert traffic back to own site
- Hydra Theme Nice corporate theme with landing, pricing table, blog and team pages)
- Speed up Jekyll by 61% 2019 guide on speeding up and optimising Jekyll build times
- Hugo Pipes + Tailwind CSS Great starter stack by @budparr. Minifies and PurgeCSS built in
- Skeleventy Tailwind starter theme with Gulp PurgeCSS build
- Adding categories and other custom taxonomies Extend taxonomies beyond limitation of just tags
- Turn Jekyll up to Eleventy Excellent guide on migration from Jekyll to Eleventy which covers creation of more advanced Liquid filters such as where queries
- ZipSell
- Useplink Nice design, but requires use of https://mollie.com for processing payments
- Zoho Checkout A bit Zoho-esque but works well
- Gumroad A bit expensive but very slick experience for digital products
- Snipcart The most comprehensive, best designed standalone shopping cart / payment experience. Supports subscriptions.
- Tito Excellent ticket sales platform
- updown.io Fantastic pricing model which scales per sites and frequency of checks
- Minimal Google Analytics Script Get rid of the bloated Google one
- Countly Self hosted analytics with GDPR features
- Fathom Elegant and simple analytics with SaaS and self host option with easy Digital Ocean droplet.
- (HMCTE)[https://hmcte.info/] How Many Customers To Earn - calculations around revenue models, nice tool
- MailerLite Cheaper leaner mailchimp alternative, landing pages, pops etc
- Sendy Self hosted mailing list manager which uses Amazon SES to deliver. (PHP 😞)
- EmailOctopus Uses Amazon SES and has reasonable fees. Limited automation.
- Moosend Cheap at small numbers and has amazing in depth automation triggers
- MoonMail Amazon SES based mailing lists, can be self hosted. Good for very large lists. No automations.
- FeedPress Economical podcast hosting with statistics and other useful features
- PDF Monkey PDF endpoint service