/webthings

A collection of all things web, because my memory sucks and so does yours.

Creative Commons Zero v1.0 UniversalCC0-1.0

The Things

A collection of all things web, because my memory sucks and so does yours. You're more than welcome to contribute, just head on over to the contribution guidelines for details.

Front-end

Development

Domains and Hosting

Content

Front-end

Interface Frameworks

  • Bootstrap - GitHub - UI - An open source toolkit for developing with HTML, CSS, and JS.
  • Bulma - GitHub - UI - An open source CSS framework based on Flexbox.
  • Flexbox Grid - GitHub - Grid - A grid system based on the flex display property.
  • Foundation - GitHub - UI - The most advanced responsive front-end framework in the world.
  • Kube - GitHub - UI - A web framework for professional developers and designers alike.
  • Semantic UI - GitHub - UI - Helps create responsive layouts using human-friendly HTML.
  • Tachyons - GitHub - CSS - Create readable and responsive interfaces with as little CSS as possible.
  • Tailwind - GitHub - CSS - A utility-first CSS framework for rapid UI development.
  • UIkit - GitHub - UI - A lightweight and modular front-end framework for developing web interfaces.

JavaScript Frameworks

  • Angular - GitHub - Reuse your code and abilities to build apps for any deployment target.
  • Ember - GitHub - A framework for ambitious web developers.
  • Meteor - GitHub - An open source platform for web, mobile, and desktop.
  • React - GitHub - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • Stimulus - GitHub - A modest JavaScript framework for the HTML you already have.
  • Vue - GitHub - A progressive, incrementally-adoptable JS framework for building UI on the web.

Navigation

  • bigSlide - GitHub - jQuery - A tiny slide panel navigation jQuery plugin with big dreams.
  • Canvi - GitHub - A simple vanilla JavaScript off-canvas menu.
  • MenuSpy - GitHub - A library to make navigation menus highlight items based on current section.
  • mmenu - GitHub - jQuery - A plugin for app look-alike on- and off-canvas menus.
  • PriorityNav - GitHub - Javascript implementation for Priority+ Navigation.
  • Pushy - GitHub - jQuery - A responsive off-canvas navigation menu.
  • SlickNav - GitHub - jQuery - Responsive mobile menu plugin for jQuery.
  • Slideout - GitHub - A touch slideout navigation menu for your mobile web apps.
  • Tocbot - GitHub - Build a table of contents from headings in an HTML document.

Sliders

  • basicSlider - GitHub - A slider in its purest form.
  • Flickity - GitHub - Touch, responsive, flickable carousels.
  • Glide.js - GitHub - A dependency-free JavaScript ES6 slider and carousel.
  • Lory - GitHub - Touch enabled minimalistic slider written in vanilla JavaScript.
  • Owl - GitHub - jQuery - Touch enabled jQuery plugin that lets you create a responsive carousel slider.
  • Siema - GitHub - Lightweight and simple carousel in pure JavaScript.
  • Slick - GitHub - jQuery - The last carousel you'll ever need.
  • Swiper - GitHub - Most modern mobile touch slider with hardware accelerated transitions.
  • Tiny Slider - GitHub - Vanilla javascript slider for all purposes.
  • Wallop - GitHub - A minimal JS library for showing and hiding things.

Lightboxes

Modals

Tooltips

  • Popper - GitHub - A library used to position poppers in web applications.
  • Tippy - GitHub - A highly customizable vanilla JS tooltip/popover library powered by Popper.js.

Audio and Video

  • Audio5js - GitHub - Audio - The HTML5 audio compatibility layer.
  • Howler - GitHub - Audio - Javascript audio library for the modern web.
  • MediaElement - GitHub - Audio Video - HTML5 <audio> or <video> player
  • Plyr - GitHub - Video - A simple HTML5, YouTube and Vimeo player.
  • Soundcite - GitHub - Audio - Making inline audio easy and seamless.
  • SoundJS - GitHub - Audio - A JavaScript library for working with audio.
  • Video.js - GitHub - Video - Open source HTML5 and Flash video player.

2D and 3D

  • Babylon - GitHub - 3D - A JavaScript framework for building 3D games with HTML 5 and WebGL.
  • Cannon.js - GitHub - 3D - A lightweight 3D physics engine written in JavaScript.
  • EaselJS - GitHub - 2D - A JavaScript library that makes working with the HTML5 Canvas element easy.
  • Paper.js - GitHub - 2D - The Swiss Army Knife of vector graphics scripting.
  • SceneJS - GitHub - 3D - An extensible WebGL-based engine for high-detail 3D visualisation.
  • Sketchfab - 3D - Publish, share, and discover 3D content on web, mobile, AR, and VR.
  • three.js - GitHub - 3D - JavaScript 3D library.

Animation

  • Animate on Scroll - GitHub - Small library to animate elements on your page as you scroll.
  • Animate Plus - GitHub - A+ animation module for the modern web.
  • Animate.css - GitHub - A cross-browser library of CSS animations.
  • Anime | GitHub - A lightweight JavaScript animation library.
  • GreenSock - The new standard for HTML5 and javascript animation.
  • Hover.css - GitHub - A collection of CSS3 powered hover effects.
  • Lottie - GitHub - Render After Effects animations natively on the web.
  • Magic Animations - GitHub - jQuery - CSS3 animations with special effects.
  • Matter - GitHub - A 2D rigid body physics engine for the web.
  • Mo - GitHub - Motion graphics tool belt for the web.
  • PixiJS - GitHub - Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
  • Rebound - GitHub - A simple library that models spring dynamics for driving physical animations.
  • Rekapi - GitHub - A keyframe animation library for JavaScript.
  • Tween - GitHub - JavaScript tweening engine for easy animations.
  • TweenJS - GitHub - A library for tweening and animating HTML5 and JavaScript properties.
  • Velocity.js - GitHub - jQuery - Accelerated JavaScript animation.

Data

  • Billboard.js - GitHub - D3.js - Re-usable, easy interface JavaScript chart library based on D3.js.
  • Chart.js - GitHub - Simple HTML5 Charts using the <canvas> tag.
  • D3.js - GitHub - Bring data to life with SVG, Canvas and HTML.
  • Google Charts - Display live data on your site.
  • p5.js - GitHub - A JS library based on the core principles of Processing.

Forms

  • Chosen - GitHub - Fields jQuery - A library for making long, unwieldy select boxes more friendly.
  • FieldKit - GitHub - Fields - Provides real-time, text field formatting as users type.
  • Garlic - GitHub - Validation jQuery - Automatically persist your forms' text and select field values locally.
  • Hyperform - GitHub - Validation - Capture form validation back from the browser.
  • Parsley - GitHub - Validation jQuery - JavaScript form validation without actually writing a single line of JS.
  • Selectize - GitHub - Fields jQuery - An extensible jQuery-based custom <select> UI control.
  • Stripe Elements - GitHub - Fields Stripe - Examples of stylish forms that use Stripe Elements.

Search

  • Algolia - The most reliable platform for building search into your business.
  • Elasticsearch - A distributed, RESTful search and analytics engine.
  • Swiftype - A fast, flexible search solution that helps you surface your website’s most relevant content.

Tables

  • DataTables - jQuery - Add advanced interaction controls to your HTML tables.
  • Tablesaw - GitHub - A group of plugins for responsive tables.

Layout

  • Bricks - GitHub - A blazing fast masonry layout generator for fixed width elements.
  • Isotope - GitHub - Filter and sort magical layouts.
  • Macy.js - GitHub - A lightweight, dependency-free, masonry layout library.
  • Masonry - GitHub - Cascading grid layout plugin.
  • Packery - GitHub - Gapless, draggable grid layouts.
  • Shuffle - GitHub - Categorize, sort, and filter a responsive grid of items.

Drag and Drop

Syntax Highlighting

  • Highlight.js - GitHub - A syntax highlighter written in JavaScript.
  • Prism - GitHub - Lightweight, robust, elegant syntax highlighting.
  • Rainbow - GitHub - Simple syntax highlighting library written in JavaScript

Typography

  • Charming - GitHub - Manipulation - Lettering.js in vanilla JavaScript.
  • cloud.typography - Web Fonts - The webfont solution for design professionals.
  • FitText - GitHub - Manipulation - Github: a standalone version of the FitText.js jQuery plugin.
  • Google Fonts - Web Fonts - Making the web more beautiful, fast, and open through great typography.
  • Typed.js - GitHub - Manipulation - A JavaScript typing animation library.
  • Typekit - Web Fonts - Brings thousands of fonts into one library for subscription or purchase.

Development

Editors

  • Atom - GitHub - A hackable text editor for the 21st Century.
  • Brackets - GitHub - An open source code editor for the web, written in JavaScript, HTML and CSS.
  • Coda - Everything you need to hand-code a website, in one app.
  • Espresso - A powerful text editor to edit your code, in a workspace that fits your workflow.
  • PhpStorm - Lightning-smart PHP IDE.
  • Sublime Text - A sophisticated text editor for code, markup and prose.
  • Visual Studio Code - GitHub - A lightweight but powerful source code editor.
  • WebStorm - Powerful IDE for modern JavaScript development.

Version Control

  • Beanstalk - Repositories - A complete workflow to write, review and deploy code.
  • BitBucket - Repositories - Distributed version control that makes it easy for you to collaborate with your team.
  • GitHub - Repositories A development platform to host and review code, manage projects, and build software.
  • GitHub Desktop - GitHub - App - Simple collaboration from your desktop.
  • GitKraken - App - The legendary Git GUI client.
  • GitLab - Repositories - Built from the ground up for all stages of the DevOps lifecycle.
  • Sourcetree - App - Simplicity and power in a beautiful Git GUI.
  • Tower - App - Version control with Git - made easy.

Local Dev

  • Docker - The world's leading software containerisation platform.
  • Homestead - A pre-packaged Vagrant box that provides you a wonderful development environment.
  • MAMP - Installs a local server environment on your Mac or Windows computer.
  • Valet - A Laravel development environment for Mac minimalists.

Build Systems

  • Grunt - GitHub - The JavaScript task runner.
  • Gulp - GitHub - A toolkit for automating time-consuming tasks in your development workflow.
  • Laravel Mix - GitHub - Provides an API for defining Webpack build steps for your Laravel application.
  • Neutrino - GitHub - Build web and Node.js applications with shared presets or configurations.
  • Webpack - GitHub - A static module bundler for modern JavaScript applications.

Loaders

  • Font Face Observer - GitHub - A fast and simple web font loader.
  • loadCSS - GitHub - A function for loading CSS asynchronously.
  • loadJS - GitHub - A tiny async loader/dependency manager for modern browsers.

Browser and Email Testing

  • Browserling - Web - Live interactive cross-browser testing.
  • BrowserStack - Web - Instant access to all real mobile and desktop browsers.
  • Can I Use - Web - Provides browser support tables for front-end web technologies.
  • CrossBrowserTesting - Web - Make every web experience perfect, on any browser or mobile device.
  • Litmus - Email - Build, edit, and instantly preview your emails across 90+ clients.
  • Solis - Web App - A live design output that integrates seamlessly with your favourite code editor.
  • Support Details - Web - Browser capability and operating system information.

Deployment

  • Beanstalk - A complete workflow to write, review & deploy code.
  • Buddy - A working website for every branch with deployment automation to production.
  • Conveyor - A task-based Git workflow for web agencies.
  • DeployBot - Instantly build and ship code anywhere in one consistent process for your entire team.
  • DeployHQ - Deploy from your repository to your server in minutes.
  • Envoyer - Deployments you've only dreamed about. Zero downtime. Zero fuss.
  • F-Bar - Manage your Laravel Forge servers from your menubar.
  • Forge - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.
  • Nanobox - The simplest way to deploy and manage a flexible cloud infrastructure.

Optimisation and Analytics

  • Ahrefs - Tools to grow your search traffic and research your competitors.
  • CSS Stats - GitHub - Webapp to visualize various stats about your css.
  • DNSstuff - Tools to help you find and solve problems with your email, DNS and connectivity.
  • Fathom - Unreleased - Simple, trustworthy website analytics
  • Google Analytics - Measure website, app, digital and offline data to gain customer insights.
  • GTmetrix - Insights on site loading and actionable recommendations on how to optimize it.
  • Lighthouse - An automated tool for improving the quality of web pages.
  • New Relic - Get the real-time insights that your software-driven business needs to innovate faster.
  • PageSpeed Insights - Analyzes website and creates suggestions to speed them up.
  • Pingdom Tools - Enter a URL to test the load time of that page, analyze it and find bottlenecks.

Domains and Hosting

Search and Registration

  • Domainr - Search - Domainr helps you find the perfect name for your company or project
  • Hover - Registration - Every great idea deserves a great domain name.
  • I Want My Name - Registration - Easy domain search, registration and DNS management.
  • Namecheap - Registration - Monthly coupons, competitive prices, and awesome customer support.

Certificates

  • Let's Encrypt - A free, automated, and open certificate authority.

Hosting

  • Amazon Web Services (AWS) - VPS - Offers cloud web hosting solutions with low-cost ways to deliver websites.
  • Arcustech - VPS Managed - Managed VPS hosting for PHP web applications and frameworks.
  • DigitalOcean - VPS - Cloud computing platform for building, deploying, and scaling applications fast.
  • Fortrabbit - VPS Managed - Affordable, powerful, and carefree hosting.
  • Linode - VPS - High performance SSD Linux servers for all of your infrastructure needs.
  • Vultr - VPS - Easily deploy cloud servers, Bare Metal, and storage worldwide.

Server Management

  • Forge - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.
  • RunCloud - Hassle-free PHP web application & server management panel.
  • ServerPilot - Simple, fast, secure hosting on your DigitalOcean servers.

Assets and CDN

  • AWS S3 - Storage - Object storage built to store and retrieve any amount of data from anywhere.
  • Cloudflare - CDN - Improves website performance through a CDN and web optimisation features.
  • DigitalOcean Spaces - Storage - Securely store and deliver data to end-users and applications.
  • Google Cloud Storage - Storage - Unified object storage for developers and enterprises.
  • Imgix CDN - Optimize, deliver, and cache your entire image library for fast websites and apps.
  • Rackspace Cloud Files - Storage - Online object storage for files and media, delivering them at blazing speeds.

Email

  • FastMail - Email, calendars and contacts done right.
  • Gmail - Email that's intuitive, efficient, and useful.
  • Zoho - Secure, fast, ad-free email for business.

Content

Content Management

  • Craft - GitHub - Awesome - Content-first CMS that makes life enjoyable for developers and content creators.
  • Drupal - GitHub - Awesome - Free and open source content-management framework written in PHP.
  • Grav - GitHub - A modern open source flat-file CMS.
  • Perch - The really little content management system.
  • Statamic - GitHub - A CMS created to make life, and the websites you build, easier.
  • Typo3 - The professional, flexible content management system.
  • Webflow - Responsive web design tool, CMS, and hosting platform.

Commerce

  • Craft Commerce - GitHub - Plugin - A powerful e-commerce platform for Craft CMS.
  • Foxy - GitHub - Platform - Custom eCommerce, simplified.
  • Schema - GitHub - Platform - A platform and API for custom online stores.
  • Shopify - GitHub - Hosted - The ecommerce platform made for you.
  • Snipcart - GitHub - Platform - Easy, flexible e-commerce for developers.
  • Statamify - GitHub - Plugin - Free Shopify-like ecommerce addon for Statamic.

Email Campaigns

Documentation

  • Catalog - GitHub - Create living style guides using Markdown or React.
  • Dimer - Generates a clean and beautiful documentation website from Markdown.
  • Fractal - GitHub - A tool to help you build and document web component libraries.
  • GitBook - GitHub - Modern documentation format and toolchain using Git and Markdown.
  • MkDocs - GitHub - A static site generator geared towards building project documentation.
  • Read the Docs - GitHub - Create, host, and browse documentation.
  • VuePress - GitHub - Minimalistic Vue-powered static site generator.