web analytics

Web Developer Tools

Tool Description
Snowpack Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow.
Webpack webpack is an open-source JavaScript module bundler. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included.
Parcel According to the tag line on their home page, Parcel is a “Blazing fast, zero-configuration web application bundler”.
NPM npm (originally short for Node Package Manager) is a package manager for the JavaScript programming language.
Yarn A frontend package manager that can be used as an alternative to npm. As Yarn itself is a Node.js package.
Grunt A JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file.

JS Frameworks

Java Script Frameworks

Framework Description
NX.dev Nx is a suite of powerful, extensible dev tools to help you architect, test, and build at any scale.
Angular, React, NodeJS
Svelte Frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
Blitz JS The Fullstack React Framework. Built on Next JS, inspired by Ruby on Rails.
Sapper Sapper is a framework for building extremely high-performance web apps.
Each page of your app is a Svelte component.
Vulcan JS The full stack React + GraphQL Framework
Angular JS Angular is a JavaScript-based open-source front-end web application framework mainly maintained by Google
React JS React is an open-source JavaScript library for building user interfaces. It is maintained by Facebook, Instagram.
Vue JS A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Meteor JS a free and open-source JavaScript web framework written using Node.js.
Ember JS A JavaScript framework for creating ambitious web applications.
Node JS A open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side.
Backbone JS A JavaScript framework with a RESTful JSON interface and is based on the model–view–presenter (MVP) application design paradigm.
Knockout JS Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern.
Redux JS A predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
Aurelia JS Aurelia works with many modern versions of JavaScript – ECMAScript 2016, TypeScript, and CoffeeScript are all supported.
Vanilla JS A fast, lightweight, cross-platform framework
for building incredible, powerful JavaScript applications.
Alephjs Aleph.js (or Aleph or א, /ˈɑːlɛf/) is a React Framework for Deno, inspired by Next.js.. Unlike Next.js, Aleph.js doesn't need webpack or other bundlers since it uses ESM import syntax.
Puppeteer Puppeteer is an open-source library for Node.js that helps in automating and simplifying development by providing control over the Developers tools.

Ruby and Python Frameworks

Speed up your development workflow.

Framework    Language    Description
Ruby on Rails Ruby Rails is a web application development framework written in the Ruby language. It is designed to make programming web applications easier by making assumptions about what every developer needs to get started. It allows you to write less code while accomplishing more than many other languages and frameworks. Experienced Rails developers also report that it makes web application development more fun.
Camping Ruby Learning Camping only requires basic Ruby skills.
Camping is simpler than Rails, but yet still follows the MVC pattern unlike Sinatra and Padrino.
Sinatra Ruby Frank Sinatra (chairman of the board) for having so much class he deserves a web-framework named after him.
Sinatra is really tiny. Around 1500 lines of code. Rails is closer to 100,000 lines of code. That's almost 1/100th the size of Rails.
Rails is just too big to get out of its own way, sometimes you don't need all that. A small framework is a good fit for a small application. Another great use is services.
Ramaze Ruby Ramaze is a very simple and straight-forward web-framework. The philosophy of it could be expressed in a mix of KISS and POLS, trying to make simple things simple and complex things possible and fun.
Another Light Ruby Web Framework, But With MVC!
Django Python Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.
Developed by a fast-moving online-news operation, Django was designed to handle two challenges: the intensive deadlines of a newsroom and the stringent requirements of the experienced Web developers who wrote it. It lets you build high-performing, elegant Web applications quickly.
CubicWeb Python CubicWeb is a semantic web application framework, licensed under the LGPL, that empowers developers to efficiently build web applications by reusing components (called cubes) and following the well known object-oriented design principles
Cherry Python CherryPy allows developers to build web applications in much the same way they would build any other object-oriented Python program. This results in smaller source code developed in less time.
CherryPy is now more than seven years old and it is has proven to be very fast and stable. It is being used in production by many sites, from the simplest to the most demanding ones.
Flask Python Flask is a microframework for Python based on Werkzeug, Jinja 2 and good intentions. And before you ask: It's BSD licensed!
Flask is called a microframework because it keeps the core simple but extensible.
Grok Python Grok is a web application framework for Python developers. It is aimed at both beginners and very experienced web developers. Grok has an emphasis on agile development. Currently Grok is at version 1.0! Since Grok is built using Zope 3, which has been in development since 2001, we think you'll find Grok to be very stable.
Grok accomplishes this by using at its core the Zope Toolkit (ZTK), an advanced object-oriented set of libraries intended for reuse by web frameworks. While Grok uses the Zope Toolkit, and benefits a lot from it, you can get started with Grok without any special knowledge of the ZTK.
Nagare Python Nagare doesn't follow the statu quo established by the classic frameworks of the Java, Python, Php and Ruby worlds:
no templating language, no explicit URL routing / mapping, no controllers proliferation, no manual management of the HTTP request / response cycles, no global session object, no REST by default.
Pylons Python Pylons 1.0 is a lightweight web framework emphasizing flexibility and rapid development.
Pylons combines the very best ideas from the worlds of Ruby, Python and Perl, providing a structured but extremely flexible Python web framework. It's also one of the first projects to leverage the emerging WSGI standard, which allows extensive re-use and flexibility — but only if you need it. Out of the box, Pylons aims to make web development fast, flexible and easy.
TurboGears Python TurboGears is a Rapid Web Application development with a slightly different focus. Sure we can scale down to solve the simple problems, and create single database backed dynamic web pages.
Out of the box, TG2 has a transaction manager to help with multi-dababase deployments, SQLAlchemy provides one of the most robust object relational management systems available in any language, and we’ve seen it concur complex issues with legacy databases, sharding, master-slave replication, and multiple integration databases.

PHP Frameworks

Speed up your PHP development.

Framework    Language    Description
CakePHP PHP Very popular PHP framework. No configuration, uses code generating and scaffolding, clean MVC, translations, database access, validation and more.
Codeigniter PHP CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.
Symphony PHP Symfony is a PHP Web Development Framework.
That doesn’t answer your question? Ok, let’s try that again.
Symfony is a PHP Framework, a Philosophy, and Community - all working together in harmony.
Zend PHP Zend Framework 2 is an open source framework for developing web applications and services using PHP 5.3+. Zend Framework 2 uses 100% object-oriented code and utilises most of the new features of PHP 5.3, namely namespaces, late static binding, lambda functions and closures.
Yii PHP Yii is a high-performance PHP framework best for developing Web 2.0 applications.
Yii comes with rich features: MVC, DAO/ActiveRecord, I18N/L10N, caching, authentication and role-based access control, scaffolding, testing, etc. It can reduce your development time significantly.
Kohana PHP An elegant HMVC PHP5 framework that provides a rich set of components for building web applications.
Kajona PHP Kajona is a matured system and provides a large set of modules and elements for nearly every use-case.
Additional components may be added by using the integrated package management with ease, the pugin-architecture and the templates simplify the creation of own content.

ASPNet and ColdFusion Frameworks

Help speed up work development workflow.

Framework    Language    Description
ASP.NET MVC ASP.Net ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that enables a clean separation of concerns and that gives you full control over markup for enjoyable, agile development. ASP.NET MVC includes many features that enable fast, TDD-friendly development for creating sophisticated applications that use the latest web standards.
DNN ASP.Net DNN® ( formerly DotNetNuke® ) is the leading open source web content management platform (CMS) in the Microsoft ecosystem.
OpenRasta ASP.Net OpenRasta is an open-source .NET framework for building everything web, from web sites to RESTful APIs
Written from the ground-up with testing in mind, OpenRasta removes the faff from your code and lets you concentrate on writing clean, beautiful code.
Proven in the real world, OpenRasta is the perfect choice for building scalable, high-performance, reliable web services.
CastleProject Monorail ASP.Net Castle Project – build your .NET projects on a rock solid foundation.
Monorail - a framework built on top of the ASP.NET platform, inspired by Ruby on Rails.
ColdBox ColdFusion (CFML) ColdBox is more than a framework, it is also a toolkit. It introduces several software application aspects that will help you build your applications faster, debug with ease and much much more!!
ColdBox uses conventions over configurations and aims for simplicity, rapid development.
ColdFusion on Wheels ColdFusion (CFML) An open source CFML framework
inspired by Ruby on Rails.
ColdFusion on Wheels provides fast application development, a great organization system for your code, and is just plain fun to use.
One of our biggest goals is for you to be able to get up and running with Wheels quickly. We want for you to be able to learn it as rapidly as it is to write applications with it.
Mach II ColdFusion (CFML) The mission of Mach-II® is to serve as a powerful, object-oriented, MVC framework for developing CFML applications. The team behind Mach-II believes that enterprise-level CFML applications should be easy to develop and maintain.
Mach-II handles your application's basic plumbing for you and allows you to spend your valuable time focusing on the business logic of your application. Mach-II provides a consistent, layered architecture for your applications that facilitates easier development and low-impact maintenance.
FE/1 ColdFusion (CFML) FW/1 - Framework One - is a CFML framework that provides developers with a direct, productive toolkit for building great applications, without the bloat or heavy footprint of other frameworks. FW/1 leverages Application.cfc and some simple conventions to provide a "full" MVC framework in a single file.
ntended to require near-zero configuration, FW/1 lets you build your application without worrying about a framework getting in your way.
Bluedragon ColdFusion (CFML) With three different versions to choose from, BlueDragon offers unmatched flexibility for the deployment of ColdFusion® Markup Language (CFML) pages with native technology platform integration on the operating system, web server and database of your choice.

JS Tools

Java Script Tooling

JS Tool Description
SVGR Transform SVGs into React components.
Spectacle A React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.
rollup.js Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
NPM Node Package Manager, is two things: first and foremost, it is an online repository for the publishing of open-source Node.js projects; second, it is a command-line utility for interacting with said repository that aids in package installation, version management, and dependency management.
Babel A configurable transpiler, a compiler which translates from Javascript to Javascript unlike a compiler which translates high level application code into lower level code or binaries. ...
Typescript A free and open-source programming language developed and maintained by Microsoft. It is a strict superset of JavaScript, and adds optional static ...
ESLint Used to validate JavaScript and check for JavaScript errors.
jsFiddle Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Jest Complete and easy to set-up JavaScript testing solution. Works out of the box for any React project.
Dojo Toolkit A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly.
Flow A new open-source static type checker for JavaScript.
Gulp JS A javascript task runner that lets you automate tasks such as… Bundling and minifying libraries and stylesheets.
JSHint A community-driven tool that detects errors and potential problems in JavaScript code. Since JSHint is so flexible, you can easily adjust it in the environment you expect your code to execute.
Rollupjs Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.


A query language for your API and tools

Website Description
GraphQL A query language for APIs and a runtime for fulfilling those queries with your existing data.
GQLess gqless creates an object using information from your schema. Accessing new properties adds them to the current "commit". GraphQL queries are then generated every few milliseconds.
FaunaDB FaunaDB is a global serverless database that rethinks the client-server relationship. With a web-native GraphQL interface that supports custom business logic...
Hasura Hasura GraphQL Engine is a blazing-fast GraphQL server that gives you instant, realtime GraphQL APIs over Postgres, with webhook triggers on database events, and remote schemas for business logic. ...
Graphqurl CLI for making GraphQL queries with autocomplete, Run GraphiQL locally against any endpoint.....


What is JAMstack? JAM stands for JavaScript, API & Markup.

Website Description
Jamstack Jamstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Technologies in the stack include JavaScript frameworks, Static Site Generators, Headless CMSs, and CDNs.
RedwoodJS Bringing full-stack to the Jamstack.
Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.
Stackbit Stackbit is the first open, complete platform for the Jamstack — it's the easiest way to get started with the best tools for the modern web.
Netlify All sites on Netlify are prebuilt for performance and deployed directly to our global edge network—without requiring you to manage, scale, or patch any web servers. This enables a revolutionary new architecture called the Jamstack, designed to make the web faster—and to support the new tools and workflows used in modern web development.

Headless CMS

A CMS without a connected frontend. An API is used to distribute content anywhere.

Description Pricing
Agility CMS Pick your technology, framework and programming language and build solutions faster. Free Verson
4 Paid Versions
Butter CMS Use Butter as a headless CMS to build websites in any tech stack. Launch faster with less code. 4 Paid Versions
Cockpit Simple Content Platform
to manage any structured content
A self-hosted headless and api-driven CMS
Free Open Source
Cloud CMS Cloud CMS is a headless, API-first approach to content management, built around JSON and a high performance cloud architecture.... 4 Paid Versions
Contenta CMS Contenta is an API-First Drupal 8 distribution. Free Open Source
Contentful You need a better way to manage content — unified, structured, and ready to deploy to any digital channel. Finally, something editors and developers can agree on. 3 Paid Versions
Contentstack CMS A headless content management system brings business & technology teams together to deliver personalized, omnichannel digital ... Free Version
2 Paid Versions
Cosmic JS a powerful content platform that makes it easy to transform your content into a beautifully simple API which can be used in any website or internet-connected application. 4 Paid Versions
Craft CMS Craft 3.3 introduces a built-in GraphQL API, Headless Mode, and templating improvements. Free Version
2 Paid Versions
Directus The All-New Directus 7. Future-Proof Headless CMS for Managing Custom Database Content. Free Open Source
Cloud: Free and paid versions
Dot CMS an open source content management system written in Java for managing content and content driven sites and applications. Free Open Source
Paid Enterprise
Gentics Mesh Gentics Mesh is an open source headless CMS, complete with multi-language support, versioning and roles & permissions Free Open Source
Ghost Ghost is the world’s most popular open source headless Node.js CMS — it ships with a default admin client and front-end, but you can also swap them out with your own JAMstack. 3 Paid Versions
Graph CMS GraphCMS allows you to use a Headless GraphQL based CMS on any project. Built with GraphQL Free Version
4 Paid Versions
Kontent Cloud The cloud-first headless CMS brings the best of headless plus the benefits of the Cloud. You can focus on your website or mobile app and have the CMS vendor take care of everything else: Free Version
2 Paid Versions
Netlify CMS An open source content management system for your Git workflow that enables you to provide editors with a friendly UI and intuitive workflows. You can use it with any static site generator to create faster, more flexible web projects. ... Platform agnostic: Works with most static site generators. Free Open Source
Contact CS for Business Plan
Ponzu Headless CMS with automatic JSON API. Featuring auto-HTTPS from Let's Encrypt, HTTP/2 Server Push, and flexible server framework written in Go. Free Open Source
Prismic A Content Management System, a tool for editing online content. Also known as a headless CMS, an API CMS, a content platform, a disruptive content-as-a-service digital experience.. Free Version
2 Paid Versions
Sanity a hosted backend for structured content with a real-time API, globally distributed CDN, and a powerful, but simple query language. It comes with a open source React-based editor, that can be configured with basic JavaScript. Free Version
2 Paid Versions
Scrivito Scrivito is the only 100% native cloud CMS, you don’t need to worry about security, scalability and availability. It just works. Free Version
Business Version
Squidex The core of Squidex is a web service. It provides APIs to manage the structure of your content, languages, settings and of course the content itself. You can consume the content from your backend, mobile apps, website and other other client applications. Free Version
3 Paid Versions
Strapi An open sourced Headless CMS Front-End Developers Love. It's more than a Node.js Framework and more than a Headless CMS, it saves API development time through a beautiful admin panel anyone can use. Starts at $0/month
Contact CS for pricing
Storyblok The Only Headless CMS with a Visual Editor. Free Version
3 Paid Versions
Superdesk A state-of-the-art digital newsroom system. It combines headless CMS functionality with powerful workflow features for an end-to-end news creation, production, curation and distribution platform. Free Open Source Version
Contact CS for pricing

CSS Tools and Resources

Amazing CSS tools, resources, tutorials, and helps.
Updated: 10/27/20

Site Description
Compass Compass is an open-source CSS Authoring Framework.
CSS Playground A brief playground on animating transitions using the 'transition' CSS property with the use of the :hover pseudo class.
Flexbox Playground Playground In this playground, the main container decreases and increases size to demonstrate the responsive design behavior of flexbox. As the screen gets smaller, items that cannot fit on the current row simply move onto the next line.
Tailwind CSS Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
Ballon CSS Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.
Epic Spinners Css only. Easy to use. VueJS integration.
Animista New:
A place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
Animate CSS New:
Just-add-water CSS animations. bounce, flash, pulse, rubberBand, shake, swing, tada, wobble, jello, bounceIn, bounceInDown, bounceInLeft ...
Vivify New:
A free CSS animation library. ... Vivify Logo. ball, pulsate, blink, hitLeft, hitRight, shake, popIn, popInLeft, popInRight, popInTop, popInBottom, popOut ...
Obnoxious New:
Animations for the strong of heart, and weak of mind.
Tridiv New:
A web-based editor for creating 3D shapes in CSS.
Wait Animate New:
WAIT! Animate provides an easy way to calculate the keyframe percentages so that you can insert a delay between each animation iteration.
The Ultimate CSS Generator New:
Learn CSS3 with our generators and preview your results! And you don't even need CSS experience to start.
CSS Grid Generator New:
Start creating your own CSS Grid Layouts simple and easily with this tool.
Extract CSS New:
A tool which can extract ids & classes from HTML documents and output a CSS stylesheet.
Flexy Boxes New:
Online CSS flexbox playground and code generator. Supports all existing flexbox implementations.
PX to EM New:
One-click PX to EM made simple. A conversion tables, a custom conversion calculator, gnd generated reset CSS.
CSS Grid Garden New:
Grid Garden is a game for learning CSS grid layout. Check it out
GridByExample New:
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.
CSS-Tricks CSS-Tricks launched July 4th, 2007. It used to be, believe it or not, primarily about CSS! Over the years, CSS-Tricks has come to become a site about all things web design and development.
CSS Beautifier Beautifies your CSS automatically so that it is consistent and easy to read.
StyleNeat Styleneat organizes and standardizes your CSS in a structure that makes it easier to define page areas and see how they relate to each other.
Unused CSS On each page, we retrieve the CSS files and list the selectors. The selectors are tested on the html page. If the selector matches an element, it is marked as used.
CSS Lint CSS Lint points out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency.
CSS Comb Tool for sorting CSS properties in specific order.
Generate It This generator will format and optimize your CSS code using a variety of different compression settings.
Meyer CSS Reset The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.
CSSmatic The ultimate CSS tools for web designers.
CSS Template Generator This HTML - CSS template generator yields a three column layout without using any Tables. This HTML & CSS Style Sheet template generator outputs a full featured 3 column template. Resulting in an instant web page with a customized template that can be used to control the look n feel of an entire site.
CSS Menu Maker Use our MenuMakers to easily build clean, responsive website navigations. If you prefer working with the source code, all our menu designs are FREE to download.

Static Site Generators

A static site generator (SSG) is a compromise between using a hand-coded static site and a full CMS.
Updated: 10/27/20

SSG Description
Jekyll Built with Ruby, by far the most popular SSG.
Hugo Hugo’s speed fosters creativity and makes building a website fun again.
Hexo A blazing fast SSG powered by Node.js
Octopress Octopress’ is written in Semantic HTML5 and is easy to read on mobile devices.
Metalsmith An extremely simple, pluggable static site generator.
Wintersmith Flexible, minimalistic, multi-platform static site generator built on top of node.js
Pelican Pelican is a static site generator, written in Python, that requires no database or server-side logic.
Brunch A ultra fast HTML5 build tool. Yes, the configs are much simpler
Middleman Middleman is a static site generator using all the shortcuts and tools in modern web development.
Cactus Static site generator for designers. Uses Python and Django templates. Download from GIT repository.
Harp Harp serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript—no configuration necessary.
Nikola Nikola is written in Python (3.3+; 2.7 partially supported). Free open-source software.
Docpad DocPad removes limitations and closes the gap between experts and beginners. Designers and developers can create websites faster than ever before.
Nanoc a static-site generator, fit for building anything from a small personal blog to a large corporate web site.
Sculpin a static site generator written in PHP. It converts Markdown files, Twig templates and standard HTML into a static HTML site that can be easily deployed.
Assemble It has never been easier to leverage the full force of powerful frameworks like Bootstrap and Zurb Foundation. Nothing can stop you now.
Publii A new Static CMS with GUI to build an extremely safe, fast and stylish HTML website.

Code Scripts Snippets Pt-1

Scripts of code to help speed up your workflow.

Website Short Description
Dynamic Drive The #1 place on the net to obtain free, original DHTML &Javascripts to enhance your web site!
Simply The Best Scripts We have an extensive selection of Perl scripts, PHP scripts, ASP scripts, ready-to-go JavaScripts, AJAX and DHTML scripts, but also handy code snippets. You will find experimental scripts to help you with the language of scripting, snippets to use in your own Web applications, and lots of ready-to-go scripts.
JavaScript Kit Tutorials and over 400 free scripts. Also JavaScript objects, properties, and methods reference.
Java File Your one stop shop for FREE Java Scripts and Java Applets on the Net! Add something WILD to your Web Site... add some Java!
Jquery jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Javascript Source These scripts all deal with JavaScript and its use with Cascading Style Sheets. Questions about scripts here should be posted to The JavaScript Forum.
CSSflow CSS Code Snippets.
CSS Portal Here you will find a few useful and time saving css snippets that can be used in your style sheets.
12 CSS Snippets for Developers Find a complied list of 12 handy CSS Snippets for developers or designers. These CSS Snippets addresses most common use cases that are must for websites.
Essential CSS Snippets These tidbits of code are often shared among programmers, and web designers, in order to help one another save time when it comes to solving common problems.
Bill Erickson Wordpress Code Snippets
PHP Snips Helping developers from the experienced to the beginner learn and connect with others. Share PHP Code Snippets of all types to learn and to use for later use.
Huge Collection of Code Snippets But be warned, these code snippets and scraps are provided wholesale, with little or no explanation, and should be used only if you truly know what you are doing. And so with that said, here is approximately five years’ worth of miscellaneous snippets, scripts, and hacks. Enjoy!

Resource Description
Stackoverflow Stack Overflow is a question and answer site for professional and enthusiast programmers. It's built and run by you as part of the Stack Exchange network of Q&A sites. With your help, we're working together to build a library of detailed answers to every question about programming.
Codepen CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
Snipplr Snipplr was designed to solve a simple problem. We had too many random bits of code and HTML scattered all over our computers. We'd hunt and dig around for five minutes looking for the couple lines of code we wrote four projects ago just so we wouldn't have to retype them. We're lazy. We needed a way to keep all of our stuff organized. Snipplr is our solution. Now, all of our code snippets are stored in one place.
Github Trending Repos Trending repositories. Find what repositories the GitHub community is most excited about today.
Snippets Mania Post and share your code snippets on this useful repository.
CSS Tricks Wide range of web related snippets: HTML, CSS, Htaccess, PHP, JS, jQuery, WordPress.
Tuts+ A collection of HTML and CSS scripts with tutorials.
Cats Who Code HTML, CSS, jQuery, PHP, JS, WordPress snippets.
Noupe Useful CSS Snippets for Your Coding Arsenal.
HTML Drive DHTML, Jquery, JS, CSS, HTML5, CSS3 Library.
Tizag A Library of web related scripts and tutorials.

HTML5 Cheat Sheets

Quick reference guides: cheat sheets.
Updated: 2/22/20

Cheat Sheet Source Format
HTML5 Mega Cheat Sheet A mega cheat sheet by Websitehub.com PDF
HTML5 Cheat Sheet HTML Cheat Sheet by html.com Interactive
HTML5 Cheat Sheet PDF A quick reference guide by Smashing Magazine. PDF
HTML5 Tag Sheet HTML5 Tag Cheat SHeet by Websitesetup.org PDF
HTML5 Canvas HTML5 Canvas Cheat Sheet by Websitesetup.org PDF

CSS3 Cheat Sheets

CSS3 Resources
Updated: 2/22/20

Cheat Sheet Source Format
CSS Cheat Sheet Beginner’s essential
CSS Cheat Sheet by Websitesetup.org
CSS Cheat Sheet
2016 CSS Cheat Sheet by Websitehub.com Online
CSS Cheat Sheet Online interactive css cheat sheet by htmlcheatsheet.com Online
Ultimate CSS Cheat Sheet Comprehensive CSS Cheat Sheet by onblastblog.com Online
CSS3 Media Queries Media Queries Cheat Sheet by mac-blog.org.ua Online
HTML Dog CSS Properties CSS Properties cheat sheet by htmldog.com Online
HTML Dog CSS Selectors CSS Selectors cheat sheet by htmldog.com Online
HTML Dog CSS Values CSS Values cheat sheet by htmldog.com Online
HTML Dog CSS Media Queries CSS Media Queries cheat sheet by htmldog.com Online
CSS Alignment Cheat Sheet Added:
Aligning things in CSS has been a common source of frustration, fun and even memes for a long time. However CSS evolves quickly and new specifications are written and implemented in browsers all the time.
Watch a 3 minute video ... The first step in any flexbox layout is to create a flex container. To do that, set the display property ...

CSS Grid Cheat Sheets

CSS Grid Resources
Updated: 2/22/20

Cheat Sheet Description
CSS Grid Cheat Sheet Your ultimate CSS grid visual guide. Interactive cheat sheet.
CSS Alignment Cheatsheet CSS Alignment Cheatsheet [Patrick Brosset}
GRID Learn all about the properties available in CSS Grid Layout through simple visual examples.
CSS Grid Layout: MDN Web Documents: CSS Grid Layouts
CSS Grid Layout: FR Unit Fr is a fractional unit and 1fr is for 1 part of the available space.

Java Script Cheat Sheet

Java Script Resources
Updated: 2/25/20

Cheat Sheet Source Format
Java Script in One Page JS cheat sheet by Alexander Krassotkin Online
JS Cheat Sheet Java Script cheat sheet by Dave Child Online
First Guide JS Cheat Sheet Java Script cheat sheet by firstsightguide.com Online
Java Script A-Z Cheat Sheet A-Z cheat sheet by dublin tech Online
JS Cheat Sheet JS cheat sheet by marijnhaverbeke.nl Online
Java Script Quick Reference JS cheat sheet by explainth.at PDF
Ultimate JavaScript Cheat Sheet JS cheat sheet by codementor Online

Bootstrap 4 Cheat Sheets

Bootstrap CSS Framework Resources

Cheat Sheet Source Format
Bootstrap 4 CS with Examples Brandx.net Online
Bootstrap 4 Cheat Sheet HackerThemes Online
Complete List of Bootstrap 4 Classes Bootstrapcreative Online
Bootstrap 4 Cheat Sheet Cheatograph Online

PHP Cheat Sheets

Server Side Scripting Language
Updated: 2/25/20

Cheat Sheet Source Format
3 PHP Cheat Sheets Github: Juliette Reinders Folmer
1) Variable Comparisons
2) Variable Arithmetic
3) Variable Testing
PHP Cheat Sheet PHP Cheat Sheet by David Child Online
PHP Cheat Sheet Blueshoes PHP framework and CMS Online
Smarty Cheat Sheet PHP Cheat Sheet by Smarty.php.net Online
WordPress PHP Helpsheet WP Help Sheet by quicklycode Online
PHP Help Sheet Help sheet by Gosquared Online

Front End Frameworks

Updated: 2/25/20

Cheat Sheet Source Format
Foundation 5 Cheat Sheet Github: Sudheer Online
HTML5 Boilerplate Cheat Sheet Cheatography: Alexandre Achain Online

Angular JS Cheat Sheets

A JS Front End Framework
Updated: 2/25/20

Cheat Sheet Source Format
Angular Cheat Sheet Angular.io Online
Angular Beginner Cheat Sheet dotnetcurry.com Online
Angular Intermediate/Advance CheatSheet dotnetcurry.com Online
Angular Cheat Sheet Cheatology
AngulaJS Cheat Sheet DNCMagazine Online

Angular 2 JS Cheat Sheet

Angular 2 - TypeScript-based open-source web application framework
Updated; 2/26/20

Cheat Sheet Source Format
Angular2 Cheat Sheet Cheatography
Angular 2 Cheatsheet scribd.com Online
Angular2 Cheat Sheet Balram Online

React JS Cheat Sheets

A JS Front End Framework
Updated: 2/25/20

Cheat Sheet Source Format
React Cheat Sheet reactcheatsheet.com Online
React Cheat Sheet reactcheatsheet.com Online
Cheat Sheet for React ricostacruz.com Online
ReactJS Cheat Sheet Cheatography

Vue JS Cheat Sheets

A JS Front End Framework
Updated: 2/25/20

Cheat Sheet Source Format
Vuejs Cheat Sheet Github
Vue Basics Cheatsheet Github
Dev Coffee
Vue.js Cheat Sheet dmytrish.net Online
Vue Reference simpletutorials.com PDF

Ember JS Cheat Sheet

An open-source JavaScript web framework
Updated: 2/26/20

Cheat Sheet Source Format
Ember.js CheatSheet Github
Ember js Cheat Sheet Cheatography
Ember Cheatsheet hamzeen hameen Online

Meteor JS Cheat Sheets

A free and open-source isomorphic JavaScript web framework written using Node.js.
Updated: 2/26/20

Cheat Sheet Source Format
Meteor.Cheat Sheet Github
Meteo-Cheat Sheet Github
Meteo-Cheat Sheet Bitboylabs.com Online

Other Java Script Frameworks

Backbone, Knockout, Aurelia
Updated: 2/26/20

Cheat Sheet Source Format
Backbone JS Cheatsheet Devhints.io Online
Backbone JS Cheat Dev Cheat Sheet Online
Knockout js Cheatsheet Beginners Devcurry Online
Knockout JS Cheat SHeet Cheatography
KnockoutJS Cheat Sheet Tech Wiz Online
Aurelia Getting Started Cheatsheet Cheatography
Aurelia CLI Cheatsheet Livebook Online

JQuery 3.0 Cheat Sheets

A JavaScript library
Updated: 2/26/20

Cheat Sheet Source Format
jQuery 3.2.1 Cheat Sheet Abhinay Rathore Online
jQuery Beginners Essential Sheet WebsiteSetup PDF
jQuery 3.0 Quick Reference oscarotero.com Online

Express JS Cheat Sheets

A Free and Open Source Framework for Node.js
Updated: 2/27/20

Cheat Sheet Source Format
Express JS Cheat Sheet pepa.holla.cz Online
Cheat Sheet for Express JS http://ricostacruz.com Online
Express JS Cheat Sheet Cheatography

Ruby on Rails Cheat Sheets

A server-side web application framework written in Ruby.
Updated: 2/27/20

Cheat Sheet Source Format
Rails Beginner Cheatsheet pragtob.info
Tobias Pfeiffer
Rails Cheat Sheet owasp.org Online
Rails 3.2 Commands Cheatsheet Github
Rails CommandLine Cheatsheet chrisjmendez.com Online
Rails Cheat Sheet Github
Rails Cheat Sheet http://tips.tutorialhorizon.com
Ryan Sukale

Designers and Developers Cheat Sheets

Various Developer Cheatsheets
Updated: 2/27/20

Cheat Sheet Source Format
Fontawesome Cheatsheet Fontawesome.io Online
GIT Cheat Sheet git-tower.com Online
Git Cheat SHeet github.com Online
SEO Cheatsheet and Checklist htmtlchecklist.com Online

Front End Boiler Plates

Quickly build websites by using blocks of code that you can reuse.

Website Description
HTML5 Boilerplate Most popular and most used boilerplate. Includes everything you need.
Initializer HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.
Bootstrap Twitter-Bootstrap: Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Foundation The most advanced responsive front-end framework in the world.
Skeleton A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Kraken A lightweight, mobile-first boilerplate for front-end web developers.
Responsive Boilerplate A lightweight (3kb) cross browser grid system, elegant & minimalist, made with only three main classes and 12 columns.
Build with mobile first in mind, fits any screen size, pre-packed with some extra css helpers for mobile devices.
Gridiculous A fully responsive grid boilerplate.
Frontendboilerplate The easy way to start your web projects from scratch!
Because you don´t need to re-create everything every time.

Budget Unmanaged VPS Hosting

Low-cost unmanaged VPS hosting to practice server management.
Updated; 5/12/20

VPS Host
Description Cost
Linode Cloud hosting for you. Instantly deploy an SSD cloud server running with your choice of Linux distro, resources, and node location. Multiply plans as low as $5 and $10 a month.
Digital Ocean Providing developers and businesses a reliable, easy-to-use cloud computing platform of virtual servers (Droplets), object storage ( Spaces), and more. Multiply plans as low as $5 and $10 a month.
A2 Hosting At A2 Hosting, you design your perfect VPS. Just choose the amount of RAM, disk space, and data transfer you want. Pay only for the resources you need! Your VPS also comes provisioned with your choice of Linux OS. Reload a different version of your OS or choose a completely different flavor on demand. Multiply plans as low as $5 and $10 a month.
KVM All unmanaged KVM VPS come with our custom-developed Breeze control panel for VPS management. Multiply plans as low as $4.35 and $7.95 a month.
Hostwinds SSD VPS Hosting from Hostwinds: Powerful Xeon CPUs, 10Gbps Uplinks,SSD Drives, Multiply plans as low as $4.49 and $8.99 a month.
CheapVM We, 24x7serversupport provides Reliable Unmanaged Virtual Private Servers with very low costs. VPS hosting offers a magnitude of greater control over your website’s server. Unmanaged VPS hosting is attractive because you are given the power of a dedicated server minus the cost and maintenance of that server. Multiply plans as low as $8.50 and $11.50 a month.
Hostens Unmanaged VPS hosting for the great price: clear deals, no hidden conditions, quality service. Host your website with Hostens by picking a plan for one, three, six or twelve months. Multiply plans as low as $1.99 month for 2 yrs....
$2.99 month for 2 yrs.

VPS Net Cloud Virtual Private Servers VPS server hosting with Truly Flexible Cloud Servers, allowing you to completely customize your hosting environment. Choose and Build from 20 datacenters, and over 100 OS templates. Multiply plans as low as $5, $10, & $20 a month.

Form Generators

Third party form generators

Generator Description
Jotform Form generator, easy, fast, no adds, builds either simple or complex forms.
EmailMeForm You can create a variety of online forms using our easy form builder. Design and build surveys, contact forms, and lead generation forms. Seamlessly integrate our HTML contact forms on your website.
Wufoo is a web application that helps anybody build amazing online forms. When you design a form with Wufoo, it automatically builds the database, backend and scripts needed to make collecting and understanding your data easy, fast and fun.
Zoho Zoho Creator\'s HTML Form Builder provides an easy User Interface to create HTML forms that can be used to collect data from others. Zoho Creator is packed with powerful features like Email Notifications, Embedding Forms and Views in websites/blogs, Data Analysis and Reporting, Data Sharing, Workflows and Rules.
Form2go We are a professional website that help online users to build form for their website. We provide free, quality, high professional, reliable, secured and easy to use form builder for your website.
MyContactForm allows you to easily add sophisticated contact forms to your web site. We make it easier than ever to keep in touch with your site\'s visitors. The arduous task of creating contact forms, e-mail forms, feedback forms, questionnaires, surveys, order forms, polls, or any other type of web form is a thing of the past!
pForm Create HTML Form in Seconds. Choose a color to start, than download HTML.
123Contactform Are you looking for a simple HTML contact form or for more complex web form templates? 123ContactForm is the free form builder that meets any of your form related needs.
Formlogix Form maker/generator tool for web forms, email forms and web databases.
PHPform This HTML/PHP Form Generator makes the creation of forms a breeze.
Formsite Easily build professional online html forms and web surveys. Choose from over 100 pre-built web form templates that you can customize for registrations, reservations, secure orders, customer surveys and payment collection.


File Transfer Protocols
Both free and premium

Platform Short Description Cost
FileZilla Cross Platform FileZilla is a fast and reliable cross-platform FTP, FTPS and SFTP client with lots of useful features and an intuitive graphical user interface. Free
Cyberduck Mac/Win Libre FTP, SFTP, WebDAV, S3 & OpenStack Swift browser for Mac and Windows. Free
SmartFTP Win SmartFTP is an FTP (File Transfer Protocol), FTPS, SFTP, SSH, Terminal client. It allows you to transfer files between your local computer and a server on the Internet. Paid
Panic Mac You need Transmit, the #1 Mac OS X FTP client.¹ Now, in Transmit 4, we took everything good about Transmit, and added a dollop of unbelievably great. Paid
Core FTP Win Now you can download Core FTP LE - free Windows software that includes the client FTP features you need. Features like SFTP (SSH), SSL, TLS, FTPS, IDN, browser integration, site to site transfers, FTP transfer resume, drag and drop support, file viewing & editing, firewall support, custom commands, FTP URL parsing, command line transfers, filters, and much, much more! Free
Yummy Mac Pro-level, Fast, Reliable FTP Client
Yummy FTP is an easy to use, yet powerful FTP + SFTP + FTPS file transfer client for Mac OS X.
Core FTP Pro Win For advanced users, Core FTP Pro is available with advanced features you need. Our goal is simply to bring you the best FTP software on the internet. Paid
Coffeecup Free Win CoffeeCup Free FTP gives you all the great FTP features you\'d expect from CoffeeCup Software without all that extra stuff. Set up multiple server profiles, transfer files in binary, ASCII, or auto mode, and upload files by dragging and dropping them from your computer to your server. Free
Coffeecup Direct Win Don’t let the name fool you: Direct FTP is way more than just an FTP app. Sure, it transfers files at don’t-blink-or-you’ll-miss-it speeds, but it’s also a complete web design toolbox. Use it to make last‐minute edits, preview and organize your files, and back everything up, just in case. It’s the only FTP app with a built-in web editor that lets you work with HTML, CSS, JavaScript, PHP, and more. With such stellar features, no wonder it leads the pack. Paid
Fire FTP Cross Platform FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers Free
WS_FTP Pro Win Flexibility: Transfer files over FTP, SSL, SSH, and HTTP/S transfer protocols.
Security: Protect files before, during, and after transfer with leading security features.
Compliance: Enable specific regulations and corporate governance requirements.
Glubtech Cross Platform Secure FTP is a Java-based FTPS client application that allows for a 256-bit AES encrypted secure connection to be made to a server that supports FTP over SSL (or FTPS). Free - non commercial
Paid - commercial

Free Text Editors

The most essential tool you will use

Short Description
Visual Studio Code Source code editor developed by Microsoft for Windows, Linux and MacOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.
Atom At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core.
Brackets Brackets is an open source code editor for web designers and front-end developers (Founded by Adobe). Download for MAC & WIN
Codelobster Codelobster PHP Edition streamlines and simplifies the PHP development process. You don't need to keep in mind the names of functions, arguments, tags or their attributes -- we've implemented all these for you with autocomplete features for PHP, HTML, JavaScript and even CSS.
Bluefish a powerful editor targeted towards programmers and web developers, with many options to write websites, scripts and programming code. Bluefish supports many programming and markup languages.
Notepad++ A free (as in \"free speech\" and also as in \"free beer\") source code editor and Notepad replacement that supports several languages.
HTML Kit HTML Kit is a free, full-featured, customizable, multi-purpose editor designed to help HTML, XHTML and XML authors to create and publish web pages.
Ace Editor Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project.
Komodo Edit Komodo Edit is a fast, smart, free and open-source code editor. Windows, Mac, Linux? Yes. PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS 3? Yes, with (customizable) syntax coloring, folding, background syntax checking, and intelligent auto-complete and calltips.
PSPad The universal freeware editor, useful for people who: work with plain text - the editor has a wealth of formatting functions, including a spell checker. create web pages - as a web authoring editor, PSPad contains many unique tools that save your time.
Crimson Editor A professional source code editor for Windows. This program is not only fast in loading time, but also small in size (so small that it can be copied in one floppy disk).
ConTEXT A small, fast and powerful freeware text editor, developed to serve as a secondary tool for software developers.

Paid Text Editors

Premium editors that may have features that you need

Short Description
Sub Lime Text Sublime Text is a sophisticated text editor for code, markup and prose.
You'll love the slick user interface, extraordinary features and amazing performance.
BBEdit BBEdit is the leading professional HTML and text editor for the Macintosh. Specifically crafted in response to the needs of Web authors and software developers, this award-winning product provides an abundance of high-performance features for editing, searching, and manipulation of text.
HTML-Kit Tools HTML-Kit Tools is the latest version of HTML-Kit, the result of many years of experience in creating tools for web developers.
Ace HTML Pro As Web design software, AceHTML 6 Pro is a very effective tool that allows you to build and manage professional Web sites with ease, control, and efficiency.
EditPlus EditPlus is a text editor, HTML editor, PHP editor, Java editor and Hex Viewer for Windows. While it can serve as a good Notepad replacement, it also offers many powerful features for Web page authors and programmers.
Ultra Edit UltraEdit Text editor: The #1 selling, most powerful, value priced text editor.
UltraEdit is the ideal text, HTML and hex editor, and an advanced PHP, Perl, Java and JavaScript editor for programmers.
HTMLPad HTMLPad is a sophisticated all-in-one HTML, CSS, JavaScript and XHTML editor, trusted by thousands of professional web developers and learners in over 50 countries.
Topstyle TopStyle supports HTML, XHTML, and CSS editing in various revisions, along with powerful checking for standards and browser compatibility issues. Checking optionally covers a variety of levels, such as a strict W3C CSS specifications, to issues on a wide variety of browsers.
Smultron With Smultron 5 for Mac OS X you can quickly and easily write and edit text. It is designed with an elegant user interface to be easy and intuitive to get started with but it is also has more powerful features when you need them.
Texmate TextMate brings Apple's approach to operating systems into the world of text editors. By bridging UNIX underpinnings and GUI, TextMate cherry-picks the best of both worlds to the benefit of expert scripters and novice users alike.

Free IDEs

Integrated Development Environment: combines common developer tools into a singe GUI
Updated: 10/29/20

Short Description
Netbeans NetBeans IDE is much more than a Java IDE: We designed NetBeans IDE as a modular developer tool for a wide range of development tasks. The base IDE includes an advanced multi-language editor, debugger and profiler integration, file versioning control and unique developer collaboration features.
Aptana Studio The professional, open source development tool for the open web
It\'s ready. It\'s time. Develop and test your entire web application using a single environment. With support for the latest browser technology specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python. We\'ve got you covered!
Eclipse A multi-language software development environment comprising an integrated development environment (IDE) and an extensible plug-in system. It is written mostly in Java. It can be used to develop applications in Java and, by means of various plug-ins, other programming languages including Ada, C, C++, COBOL, Haskell, Perl, PHP, Python, R, Ruby (including Ruby on Rails framework), Scala, Clojure, Groovy, Android and Scheme.
Xcode Xcode is Apple\'s powerful integrated development environment for creating great apps for Mac, iPhone, and iPad. Xcode includes the Instruments analysis tool, iOS Simulator, and the latest Mac OS X and iOS SDKs.
MochaCOde Write on a Mac, run anywhere.
Do you enjoy writing cross-platform code, but wish your development tool didn\'t feel quite so \"cross-platform\"?

Implemented with a mix of Java and Cocoa, MochaCode is a Mac-exclusive Java IDE that earns its place on your dock by providing a distinctly \"Mac\" user experience.

Paid IDEs

Premium Integrated Development Environments

Paid IDE Short Description
Komodo IDE The Professional IDE for Python, PHP, Ruby, JavaScript, Perl, Web and Cloud Dev.
Award-Winning IDE for Windows, Mac and Linux
phpDesigner phpDesigner 8 is more than just a powerful and lightning fast PHP IDE and PHP EDITOR - it\'s also a full-featured HTML5-, CSS3- and JavaScript editor boosted with features to increase your productivity -- for both beginners and professional developers!
phpDesigner 8 assists you with everything from editing, analyzing, debugging to publishing websites powered by PHP, HTML5, CSS3 to JavaScript and other languages!
Rapid PHP Rapid PHP editor is a powerful, quick and sophisticated PHP editor with features of a fully-loaded PHP IDE and speed of the Notepad. Convenient features enable you to instantly create and edit not only PHP, but also HTML, XHTML, CSS and JavaScript code, while integrated tools allow you to easily debug, validate, reuse, navigate and format your code.
PhpStorm PhpStorm is a lightweight and smart PHP IDE focused on developer productivity that deeply understands your code, provides smart code completion, quick navigation and on-the-fly error checking. It is always ready to help you shape your code, run unit-tests or provide visual debugging.
Zend Studio Zend Studio is the only Integrated Development Environment (PHP IDE) available for professional developers providing the capabilities needed to develop business applications. Features like refactoring, code generation, code assist and semantic analysis combine to enable rapid application development on both the server side (in PHP) and the browser side (in JavaScript). Zend Studio also makes it simple to develop in a production-like environment by integrating with VMware Workstation for running and debugging PHP applications.
Nusphere phpED PhpED is the Integrated Development Environment for PHP (PHP IDE), HTML, CSS, XML, SMARTY, XHTML and other.
Balanced combination of advanced code editor, reliable dbg debugger, productive database connectivity client and fast and secure deployment abilities make PhpED a complete solution for most sophisticated developer needs.

Query Tools

Java Script Library

Tool Website Short Description
Wijmo Wijmo is a complete kit of over 40 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Every widget is hand-crafted and includes premium themes.
jKit jKit is already very useful by just using the basic features, but if a little bit of JavaScript, you can do so much more! commands ...
WOW Slider WOW Slider is a responsive jQuery image slider with amazing visual effects (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates.
Nivo Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. Completely free and totally open source, there literally is no better way to make your website look totally stunning.
Galleria Galleria is javascript image gallery written as a plugin of jQuery. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.
Thumbnails Navigation Gallery In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style. The main idea is to have a menu of albums where each item will reveal a horizontal bar with thumbnails when clicked.
Isotope Magical Layouts Isotope: An exquisite jQuery plugin for magical layouts. Intelligent, dynamic layouts that can’t be achieved with CSS alone. Hide and reveal item elements easily with jQuery selectors.
Accordion Menu This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations.
Vertical Scroll Menu Vertical Scroll Menu with jQuery Tutorial. Scoll up and down according to mouse-Y axis.
Data Tables Data Tables is plugin for Jquery. This is a very flexible tool, that adds advanced interactive controls to any HTML table
A Better Check Box In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.
Tooltip 1.6 Now you can replace the ugly default tooltip with this smart and nice one!
Mark It Up Universal markup jQuery editor. MarkItUp allows you to turn any textarea into a markup editor. HTML, Wiki Syntax, BBCode are all supported, but even better, you can define your own markup language!
Text Translate The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.
Background Image Animations With Background Position Plugin, users can create background image animations easily without any advance coding knowledge.
Photoshoot Plugin The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.
Image Lens Use this jQuery plug-in to add lens style zooming effect to an image.
Quicksand Reorder and filter items with a nice shuffling animation.
Diagnol Fade Is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. DiagonalFade is great for inventory or anything with a large amount of items ordered in a grid.
Timeglider Timeglider JS is a zooming, panning data-driven timeline widget written in Javascript. This widget is the core of our our timeline authoring and publishing app, and can be integrated into any HTML application environment.

jQuery Repositories

A central location of files and data

Repository Description
jQuery Plugin Registry An excellent source of plugins, also a place for developers to publish their code to both the plugin registry and GitHub at the same time.
Unheap A tidy respository of jQuery plugins. Unheap was assembled in 2010 as an internal team resource. We found other repositories underwhelming and wanted to build a better experience for browsing & staying on top of the latest jQuery plugins.
Handpicked jQuery Plugins The Handpicked jQuery Plugins Repository is a carefully selected roundup of some of the best jQuery Plugins ever released.
jQuery Plugin Collection Today we have listed collection of more than 200 various jQuery plugins for image slideshow, video players, Tooltip, Image re-sizing and cropping, Form Wizard, Pagination, Color picker, Image Preloading, Accordin Plugin, Chart Plugin, Timeline Plugin, spell checking, Captcha Plugins, Youtube Plugins, DatePicker Plugin, Text editors and many many more....
My jQuery Plugins The best jquery plugins library !
lQueryRain Top & Best jquery plugins, tutorials, cool effects with jquery examples , demo, demos for beginners,designers,developers.
jQuer.in jquer.in is the unofficial repository of jquery plugins and javascript libraries.
Tapestry5 Tapestry5 jQuery provides jQuery Components and can fully replace Prototype and Scriptaculous by jQuery
Sitepoint jQuery and js archives

Grid Layout Generators

Quickly design website layouts

Website Short Description
Blueprint Grid CSS Generator This tool will help you generate more flexible versions of Blueprint\'s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.
The Generator Form Generator Form V2.90 CSS Source Ordered Variable Border 1-3 Columned Page Maker.
CSS Portal This generator will create either a fixed width or fluid width layout and can include a header, menu and footer. New features to this generator are: you can now select a doctype for your layout, rounded corners and with the fluid layout, you can now select min and max widths.
CSS Creator The generator helps you create the structure of your website template using valid HTML and CSS.
You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
Gridpak A Responsive Web Design tool for creating grids by Erskine, a Good Work company.
Grid Layout Generator Drag the sliders to adjust the width of grid cells, change the color in the palette. Generate CSS and HTML codes for liquid lor fixed grid layout.
Gridinator GRIDINATOR eats grids for breakfast, then spits out the HTML and CSS templates for you. ... Check out the demo versions of the fixed, fluid and elastic layouts.
Yaml Builder A tool for visual layout development of YAML based CSS layouts. What is YAML? modular CSS framework for truly flexible, accessible and responsive websites
Grid Designer 2 Grid Designer. as featured in Creative Review magazine!
Grid Calculator A simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go.
Responsify It Responsify is a browser based tool, which allows you to create your own responsive template. Think of it as a foundation for you to build upon. You can customise the grid to suit your content, rather than trying to make the content fit the grid.

Wire Frames

Also known as a page schematic or screen blueprint.

Application Short Description
MockingBird An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
MockFlow Super easy wireframing. Design, collaborate user interface concepts for your software and websites.
Justinmind With Prototyper, you can draw highly interactive wireframes in minutes using its extensive gallery of components and interactions (free edition).
Lumzy Lumzy is simple and fast to use. No downloads, no sending files to clients. Simply click \"Share\" and your client sees the project on the other end, just as you created it, and can post comments back and forth iteratively.
Cacoo A user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge (free plan).
Mockupbuilder Mockup – it is the convenient software, which allows you to make a prototype of a site and new design for soft. We offer you to try possibilities of this program and to create web prototypes.Online & Offline versions.
Frame Box Lightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free in use.

Minify or Compress Code

Make your code the smallest size for speed.

Tool Description
MinifyCode The tools to minify and beautify JavaScript, CSS and HTML codes
JS Compress An online JavaScript compressor that allows you to compress and minify all of your JS files by up to 80% of their original size.
CSS Minifier Online CSS Minifier/Compressor. Free! Provides an API. Simple Quick and Fast.
Packer JS Compressor
HTML Compressor Html, css, js, and more.
CleanCSS You can now beautify, minify, format, or compress many different file formats. Html, JS, Json, Python, PHP, adnd more.
Devilo Compress and tidy up your CSS.
CSSCompressor Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster.
CSSDrive Use this utility to compress your CSS to increase loading speed and save on bandwidth as well.

Code Decompressors or Unminify

Uncompress minified code.

Tool Type of code makes readable Description
CSS Unpacker CSS Simple and easy to use.
Uncompress CSS CSS Use this utility to uncompress your CSS files; in other words make them nicely formatted again.
Code Beautifier CSS Has options on how you prefer your CSS to output.
CSS Beautifier CSS By applying CSS beautifies to your CSS code will improve the layout and indent style of the resulting CSS code.
csCSSc CSS Has options to compress, uncompress, and beautifier output.
CleanCSS CSS Has options on how you prefer your CSS to output
Minifier CSS, JS Has options to compress, uncompress, and beautifier output.
JS Pretty JS, JQuery Make your js code look pretty, free & simple to use, lightning fast format.
UnPacker JS Simple, clean and fast tool.
PrettyDif JS, CSS, HTML, and more Ability to compare, beautify, and minify JS,CSS,HTML and more.
JS Beautifier JS, HTML Beautify, unpack or deobfuscate JS and HTML.
Text Fixer HTML Makes HTML readable.
Uncompress HTML HTML Ability to compress and uncompress HTML.
HTML Beautifier HTML Makes HTML very easy to read.

Website Monitoring

Is your site active and online?

Monitoring Site Description
Pingdom Pingdom has the infrastructure to test your website from all over the world, as often as every minute. When something breaks, because it will, you're immediately alerted.
Monitor.us Because Monitor.Us is Cloud-based it not only lets you keep an eagle eye on everything, from anywhere; it also takes complex set-ups, installs, updates, reinstalls and server monitoring...
Montastic Montastic monitors your sites and alerts you when there is a problem.
Binary Canary Binary Canary is a world leading website and server monitoring service. It will detect failures of your website or server and will issue alerts to specified contacts.
Freeweb Monitoring We provide web site monitoring to webmasters and site owners absolutely free. Monitor your web site's availability 24 hours a day, 7 days a week with instant email alerts and weekly web site performance statistics.
247webmonitoring We will monitor your website 24X7 from our servers and notify you whenever your site goes down, so that you can quickly address the issue and keep your customers happy!
Internetseer Our monitoring systems remotely check your website from several geographic monitoring stations at selected intervals. If the monitoring system is unable to reach the site, an email, cell phone or pager alert is sent to notify you of the problem.
Hyperspin Our main goal is to improve your infrastructure performance and prevent downtime to keep you online and available for your customers.
Basicstate You can add as many sites and users as you like. You can tailor default, backup and emergency alert schedules to your preferences.
Monitor Scout Monitor Scout is a global website and server monitoring company based in Sweden with over 20 external monitor locations throughout the world.
InterSupervision InternetSupervision.com monitors the availability, performance, and content of your website, web server and internet services from our UL approved offices with 24/7 personnel in Washington DC, Detroit, Chicago, Los Angeles, and Santiago, Chile.
Newrelic Signup for a free account to download and deploy the New Relic Agent. Get 14 days of PRO service free, no credit card required.
Gotsitemonitor Start monitoring your website in minutes with free website monitor. Receive instant alerts when your website is down.
Activtrak What makes ActivTrak unique is its strategy of building statistics based on the caption of the active window, for example the titlebar. Depending on the application, the caption will contain the name of the document, the website, the subject of the email or other detailed information on the actual work being done. Thus, tracking the caption provides a highly representative picture of user activity, in terms of both topic and time.
Freebackup Website Monitor Free Website Monitor - Watches your Website like a Hawk!
Enjoy the security of always having your website watched!
Myhostinguptime MyHostingUptime offers a FREE website monitoring service that checks the servers of your web hosting provider from multiple locations on the world. We check several websites that are hosted at the web hosting provider number of time per hour at specific intervals, making sure that they are working.
Free Wensite Monitor Google Play: MonitorFree is a free tool that lets you monitor the health and status of websites and servers everywhere you go!

Website Description Cost
Lastpass LastPass remembers your passwords so that you can focus on the more important things in life. Free and Pro versions
Keeper Keeper password vault provides password management and online file storage. Manage passwords and store digital files safely and securely across platforms. Various Pricing
1password Password is the easiest way to store and use strong passwords. Log in to sites and fill forms securely with a single click. Various Pricing
Keepass This is the official website of KeePass, the free, open source, light-weight and easy-to-use password manager. Free
Dashlane The world's best password manager
& secure digital wallet.
Password Safe Whether the answer is one or hundreds, Password Safe allows you to safely and easily create a secured and encrypted user name/password list. Free
Passpack Organized. Strong passwords combined with having many passwords can cause ... Just install it once in any browser, then click to login to your favorite websites. Free and Pro
Roboform Your Master Password is the one password you’ll need to remember. This password will encrypt and secure all of your RoboForm data. We don't store your Master Password anywhere, so make sure you don’t forget it!Choose your master password screenshot. Subscription
Passwordbox You can still download PasswordBox today and enjoy a free premium subscription for the coming months, compliments of Intel Security. You get access to all features and additional storage space for no charge. Free
Password Manager Mozilla The Firefox Password Manager securely stores the usernames and passwords you use to access websites and then automatically fills them in for you the next time you visit. Free
Chrome Password Manager Google Chrome can save your usernames and passwords for different websites. When you save a username and password Chrome can then automatically complete the sign-in fields for you the next time you visit these websites. Free

Budget Unmanaged VPS Hosting

Low-cost unmanaged VPS hosting to practice server management.
Updated; 5/12/20

VPS Host
Description Cost
Linode Cloud hosting for you. Instantly deploy an SSD cloud server running with your choice of Linux distro, resources, and node location. Multiply plans as low as $5 and $10 a month.
Digital Ocean Providing developers and businesses a reliable, easy-to-use cloud computing platform of virtual servers (Droplets), object storage ( Spaces), and more. Multiply plans as low as $5 and $10 a month.
A2 Hosting At A2 Hosting, you design your perfect VPS. Just choose the amount of RAM, disk space, and data transfer you want. Pay only for the resources you need! Your VPS also comes provisioned with your choice of Linux OS. Reload a different version of your OS or choose a completely different flavor on demand. Multiply plans as low as $5 and $10 a month.
KVM All unmanaged KVM VPS come with our custom-developed Breeze control panel for VPS management. Multiply plans as low as $4.35 and $7.95 a month.
Hostwinds SSD VPS Hosting from Hostwinds: Powerful Xeon CPUs, 10Gbps Uplinks,SSD Drives, Multiply plans as low as $4.49 and $8.99 a month.
CheapVM We, 24x7serversupport provides Reliable Unmanaged Virtual Private Servers with very low costs. VPS hosting offers a magnitude of greater control over your website’s server. Unmanaged VPS hosting is attractive because you are given the power of a dedicated server minus the cost and maintenance of that server. Multiply plans as low as $8.50 and $11.50 a month.
Hostens Unmanaged VPS hosting for the great price: clear deals, no hidden conditions, quality service. Host your website with Hostens by picking a plan for one, three, six or twelve months. Multiply plans as low as $1.99 month for 2 yrs....
$2.99 month for 2 yrs.

VPS Net Cloud Virtual Private Servers VPS server hosting with Truly Flexible Cloud Servers, allowing you to completely customize your hosting environment. Choose and Build from 20 datacenters, and over 100 OS templates. Multiply plans as low as $5, $10, & $20 a month.

Free Serverless Platforms

Serverless computing is a cloud computing execution model in which the cloud provider allocates machine resources on demand.
It does not hold resources in memory; computing is rather done in short bursts with the results persisted to storage.
Providers listed in no particular order.

Platform Description
AWS Free Tier The Free Tier is comprised of three different types of offerings, a 12-month Free Tier, an Always Free offer, and short term trials.
Microsoft Azure Free Build serverless applications faster with your Azure free account
Get started with 12 months of free services
Cloudflare Workers Deploy serverless code instantly across the globe to give it exceptional performance, reliability, and scale.
Get started Free.
IBM Cloud Free Tier Get started for free with your Lite account. No credit card required. No time limits.
Create your Lite account
Netlify An intuitive git-based workflow. A powerful serverless platform for Jamstack. Get started for Free.
Vercel Vercel is the best place to deploy any frontend app. Start by deploying with zero configuration to our global edge network. Scale dynamically to millions of pages without breaking a sweat. Reliable live-editing experience for your UI components.
Nimbella Platform Nimbella offers 3 tiers of service: Starter(Free), Pro and Enterprise. Not ready to sign up? You can try the Nimbella Playground instead. In the Playground, you can create, run and share up to 10 stateless functions, anonymously and for free.
Google Cloud Functions and Firebase Cloud Functions for Firebase is a serverless framework that lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. Your JavaScript or TypeScript code is stored in Google's cloud and runs in a managed environment. There's no need to manage and scale your own servers.
Spark Plan (Free).
Begin Effortlessly ship web apps & APIs on AWS
Architect Architect is the quickest way to build serverless web apps on AWS.

Website Short Description
WhoIsHostingThis Discover who is hosting any website now. Might help you decide on a hosting service.
Also compare hosts, reviews and coupons.
HostingChecker Find out who is hosting any website.
Vistainter One of the biggest web hosting reviews and ratings directory on web. We have 2136 web hosting providers listed.
Web Hosting Talk Web hosting reviews, advice, and discussion on hosting related news and services. Get advice on dedicated server hosting, ecommerce systems, business web ...
WebHostingSearch In the list below you can find reviews of web hosting providers divided by their geographical position. This way you can endorse your local web host and it is also benificial for you since their support team are located in the same time zone as you.
WebHosting Database WHdb.com is home to the (original) Web Hosting Database. Launched by Jimmy Atkinson and Andy Hagans all the way back in 2007 (seems like ages ago!), WHdb allows users to browse an up-to-date database of web hosting providers and plans. Users can review both qualitative and quantitative information about available plans, including some pretty basic criteria (e.g., monthly bandwidth limit) as well as some more granular criteria (e.g., green hosting and carbon-neutral hosting policies).
Tophosts Founded in 1997 by Rob Laidlaw, VerticalScope Inc.’s TopHosts.com is the complete Web hosting resource. It combines years of experience and proprietary technology to give small business owners, developers, Webmasters, and e-commerce businesses the most comprehensive, up-to-date information and tools available.

Web Hosting Options

Different types of hosting.

Type of Hosting Description Support Cost
Free May have ads, may require forum participation, slower server speeds, limited services. None or limited 0
Shared Multiple websites placed on same server, share RAM, CPU, disk space, most popular. Full support $
Reseller As a business venture, the owner of the account rents out a portion of his space. Support depends on owners technical expertise. $$
Virtual Private Server
Partions servers into several virtual compartments. Each compartment does not affect other partitions/compartments.
Fills in the area between a shared hosting and a true dedicated host.
Full support $$$
Dedicated Hosting Customer rents the entire server and resources. They also have full control over the server use. Gives the best performance and great for any business requiring large bandwidth. Full support $$$$
Managed Hosting Uses a dedicated server, and the host provider sets up, maintains, monitors and manages your website. Great for small and large business ventures, let the host provider take care of your website. Customer usually has no control - host provider will take care of any problems. $$$$
Colocation Hosting Customer owns the server, you rent space at a hosting provider for your server. Cooling, power, security are provided by host provider. You provide your own tech support. $$$$$
Cloud Hosting The customer website is not limited to one server, but spread across multiple servers. Reduces downtime and bandwidth issues, as your website works on a \"cluster\" or servers, like a \"cloud.\" Full support $$$$
Cluster Hosting A group of stand alone computers linked together to work as a single computer. It is used for load balancing and produces high uptime (99.9%). Full support $$$$


Various tools involving icons, including conversion and generators.

App Website Description
Glyphter The SVG Font Machine.
Create icon fonts from SVGs.
Iconizr Takes your SVG drawings and processes them to a CSS icon kit,
FontAwesomeFinder Instantly search Font Awesome icons!
Fontello Icon fonts generator.
A tool to quickly pack vector images into webfonts
Fontastic Add Vector Icons to Your Website. Create your icon fonts in seconds.

Free Fonts

Free fonts available from various sources.

Web Font Source Description
Google Fonts Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. We believe that everyone should be able to bring quality typography to their web pages and applications.
Adobe Web Fonts With contributions from Adobe, Google, and designers around the world, Edge Web Fonts provides a vast library of free web fonts for use on your websites.
Fontsforweb Quality webfonts free to download. Find perfect web fonts for your websites and share your own fonts.
CSSfontstack Web safe CSS font stacks and web fonts. Select, preview, and generate CSS ... Sans-serif; Serif; Cursive.
Fontsquirrel Font Squirrel scours the internet in search of FREE, highest-quality, designer-friendly, commercial-use fonts and presents them for easy downloading.
Typewolf A continuously updated collection of the absolute best free fonts available on Google Fonts.
Dafont Archive of freely downloadable fonts. Browse by ... If no author/licence is indicated that's because we don't have information, that doesn't mean it's free.

Unique Web Browsers

15 Interesting web browsers that are unique having unique features that may be of interest to you.
Updated: 10/31/20

Browser Description Rendering Engine Desktop, Laptop
Brave Three times faster than Chrome. Better privacy by default than Firefox.
Uses 35% less battery on mobile.
Blink Win, Mac, Linux
Epic Privacy Browser Epic is in always-on "private browsing mode", so on close of Epic all browsing data is deleted (while you're browsing as little as possible is stored). Epic has removed all Google tracking and blocks hundreds of other companies from tracking you. If you turn on Epic's encrypted proxy, you have protection from snooping by hackers, trackers, your ISP, government, and employer as well. Blink Mac, Win
Blisk Blisk is a browser for web development. The key idea behind Blisk is to provide web developers, web designers and QAs with a browser “out of the box” for web development. The goal of Blisk browser is to help IT professionals to build the web. Blink Mac, Win
Linux coming
Comodo IceDragon IceDragon features privacy and performance enhancements over the Firefox core browser as well as additional features such as SiteInspector malware scanning, Comodo Secure DNS and improved social media functionality. Gecko Win
Comodo Dragon Fast and versatile Internet Browser based on Chromium, with highest level of security! Blink Win
Lunascape Orion Built with three browser engines: Trident, Gecko and Webkit, and let's you switch between them. Trident, Gecko, Webkit Win, Mac
Maxthon A powerful web browser which has a highly customizable interface. The browser has multiple tools that make your web experience more enjoyable, such as resource sniffer, screen capture tool, night mode and cloud functionality. Trident, Webkit Win, Mac, Linux
Vivaldi Vivaldi is a freeware, cross-platform web browser developed by Vivaldi Technologies, a company founded by Opera Software co-founder and former CEO Jon Stephenson von Tetzchner and Tatsuki Tomita. Blink Win, Mac, Linux
Midori Midori is blazing fast, utilizing the latest web technologies and a small
but dexterous array of extensions provide all the essential features.
Webkit Win, Linux
Tor The Tor software protects you by bouncing your communications around a distributed network of relays run by volunteers all around the world: it prevents somebody watching your Internet connection from learning what sites you visit, it prevents the sites you visit from learning your physical location, and it lets you access sites which are blocked. Gecko Win, Mac, Linux
Ghost Browser Ghost Browser allows you to log into any website with multiple accounts from one window. This can be very handy when you manage multiple social media profiles for each of the social media platforms. Blink Mac, Win
Maelstrom Maelstrom's other great appeal lies in its capacity to download torrent files without needing an external client. Clicking on a .torrent or magnet link will automatically open a browser tab where you can start the download locally and even view the file in real time on an integrated media player as it downloads. Blink Win
Currently in Beta
Coowon The best game browser! Help you to control game running speed, botting for tedious work, and login for multiple accounts in special tabs, Floating Window, Translucent Window, etc. Blink Win

CNET safe Download

Browzar Takes seconds to download; No installation; No registration; One of the smallest, fastest browsers in the world; Just download and go. Doesn't save Cookies, History, Temp files, Passwords, Cache
Secure delete
Great for Banking and Cloud applications
Automatically cleans up when you've finished

Browser Rendering Engines

Not all web browsers are the same, how a webpage is rendered in a browser depends on the rendering or layout engine that is used.
Updated: 10/31/20

Description Powers These Popular Browsers
Blink - is a web browser engine developed as part of the Chromium project. Chrome, Edge (latest ver), Comodo Dragon, Opera, Vivaldi, Brave
Gecko - is the name of the layout engine developed by the Mozilla Project. It was originally named NGLayout. Gecko's function is to read web content, such as HTML, CSS, XUL, JavaScript, and render it on the user's screen or print it. In XUL-based applications Gecko is used to render the application's user interface as well. Firefox, Comodo Ice Dragon, Tor, K-Melon,
Webkit - WebKit is the web browser engine used by Safari, App Store, and many other OS X, iOS, and Linux applications. Safari, Midori
Trident - is a proprietary layout engine for the Microsoft Windows version of Internet Explorer, developed by Microsoft. Internet Explorer
EdgeHTML - is a proprietary layout engine developed by Microsoft for the Microsoft Edge web browser.
Replaces Internet Explorer.
Edge (older ver)
Presto - the original engine for Opera. As of Opera 15, it has been replaced by Blink. Opera, Opera Mini, Opera Mobile
KHTML - layout engine developed by KDE. It powers the Konqueror Browser. Konqueror


The little known configuration file that makes a big difference.
Tools, guides, snippets, tips, and tricks.

Source Description
htaccess Tester To test your htaccess rewrite rules, simply fill in the url that you're applying the rules to, place the contents of your htaccess on the larger input area and press "Test" button.
htaccess Guide Apache .htaccess guide, tutorials and examples.
Apache htaccess Tutorial Apache HTTP Server Tutorial: .htaccess files
Ultimate Guide to htaccess Files Apache's .htaccess configuration files have baffled countless developers. This tutorial aims to break through this confusion by focusing on ...
Ask Apache This is not an introduction to .htaccess… This is the evolution of the best of the best. You've come to the right place if you are looking hostinto acquire mad skills for using .htaccess files.
htaccess snippets A collection of useful .htaccess snippets, all in one place.
htaccess Ultimate Guide This guide was built to serve as a comprehensive resource to using .htaccess. If you are completely new to using .htaccess -- you might want to start with the first chapter ".htaccess Basics".
htaccess Tricks and Tips There's a good reason why you won't see .htaccess files on the web; almost every web server in the world is configured to ignore them, by default. ..
Stupid htaccess Tricks This article, Stupid .htaccess Tricks, covers just about every .htaccess “trick” in the book, and easily is the site’s most popular resource.
Comprehensive Guide to Editing htaccess for WP Security The .htaccess file in your WordPress install is a powerful configuration file that you can use to override the settings on your web server to improve your site’s security and performance.
CSS Tricks htaccess Snippets 301 Redirects · Active Gzip Compression · Allow Single URL Through .htaccess Password Protection · Append / Prepend Files · Custom Error Pages · Denying ...

CMS Tools

Online CMS tools you didn't know existed.
Updated: 10/31/20

Website Description
CMS Lab A source to find a CMS that meets your needs.
CMS Matrix CMSmatrix lets you easily compare the features in over 1300 content management system products.
G2 Crowd G2 Best CMS overview sorted by:
highest rated, easiest to use, and free.
Capterra Use Capterra to find the best CMS software for your business. Compare product reviews and features.

SEO Rambler: Free Tool

Cross Platform Services To Develop, Deploy, Manage and Test Web and Mobile Apps

See blog and services

Logo Makers

7 Free Logo Generators
Updated: 5/15/20

Logo Generator Description
DesignEvo DESIGNEVO is a free online logo maker with 4000+ templates that anyone can use to bring to life a compelling, unique logo in minutes.
Online Logo Maker ONLINE LOGO MAKER: Create an amazing logo design for your brand. Right now. For free. More than 2,393,968 brands used Online Logo Maker to design their logo.
Canva CANVA: Create your own custom logos without having to hire a designer with Canva's impressively easy to use logo maker. Completely free, completely online.
Hipster Logo Gen HIPSTER LOGO GENERATOR: Free and simple online logo maker.
Logaster LOGASTER: Logaster is an online service for creating logos and corporate identity elements.
Logaster offers a fast, simple way to create design items in a matter of minutes.
Ucraft UCRAFT: Create your logo in a few easy steps: add your business name, select an icon, color, font, shape to generate a professional looking logo for your business.
Shopify Logo Maker SHOPIFY LOGO MAKER: Need a logo for your business? With Shopify's logo maker you don't need to hire a designer to create an amazing logo. Give it a try – it's free!

Design Cap: Free Online Poster Maker

Designing and Prototyping Tools

Tools for Web and Mobile Apps
Updated: 6/13/20

Tool Description Platform
Figma Figma is the first interface design tool based in the browser, making it easier for teams to create software.
Never upload, download, or worry about versions again
Sketch Sketch is a app for UI, Mobile, and Web design. MacOS
Adobe XD For designing and prototyping UI & UX for Web and Mobile apps. MacOS, Windows, IOS and Android.
Adobe Illustrator Although Illustrator is used to create vector drawings, it can also be use to cre MacOS and Windows
Affinity Designer Affinity Designer is an award-winning vector graphics software setting the new industry standard in the world of design. MacOS, Windows, Ipad
InVision App The new InVision—codename: V7—runs on an entirely new code base, is remarkably fast, and redefines collaboration across teams and stakeholders. It also comes with a whole new look. Cross Browser
(All major browsers)
Axure Axure is a desgin, wireframing, protoypting tools for creating web and desktop apps. The Pro version offers documentation and other neat features. MacOS and Windows
Webflow The power to design, build, and launch responsive websites visually, while writing clean, semantic code for you. CrossBrowser
FluidUI We've spared no effort to ensure prototyping with Fluid UI is fast. ... Create interactive web and mobile prototypes with taps, swipes, clicks and more gestures using Fluid UI's simple and fun to use linking system. ... Browser Tool:
Chrome and FireFox
Gravit Designer Gravit Designer is a full featured free vector design app right at your fingertip. It is available for different platforms including Mac, Windows, Linux, Chrome and the Web. Cross Platform
MacOS, Windows, Linux
ProtoPie ProtoPie is a prototyping tool for smart devices. ProtoPie makes elaborate prototypes possible without any coding, and these prototypes can be tested on actual devices. MacOS and Windows

JS Animation Libraries

Java Script Animation Tools

JS Library Description
Anime a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Greensock Think of GSAP as the Swiss Army Knife of javascript animation...but better. It animates anything JavaScript can touch (CSS properties, canvas library objects, SVG, React, Vue, generic objects, whatever) and it solves countless browser inconsistencies, all with blazing speed (up to 20x faster than jQuery), including automatic GPU-acceleration of transforms.
Three.js Three.js is a 3D library that tries to make it as easy as possible to get 3D content on a webpage. three.js uses WebGL to draw 3D.
Popmotion Popmotion is a 11.7kb Swiss Army knife for animators and UI developers.
A functional, flexible JavaScript animation library.

Kute KUTE.js is crazy fast with it's outstanding performance and super fast code execution, it's also memory efficient.
It covers all modern browsers with fallback options for legacy browsers.
Gear Generator A tool for creating involute spur gears and download them in DXF or SVG format. In addition it let you compose full gear layouts with connetcted gears to design multiple gears system with control of the input/output ratio and rotation speed.

Powerpoint Templates

List of free powerpoint templates to help speed up the process of preparing a presentation and aid for teaching.

Slidemodel 150+ FREE PowerPoint Slides.
Templates mega bundle ready for download.
Slidemodel: Freebie Weekly freebie ready for download.
fppt FreePowerPointTemplates (fppt). A Great Collection of Free Templates and Stunning Backgrounds.
Microsoft Office Free templates from the originators of powerpoint.
Slidecarnival All templates are completely customizable, easy-to-edit and free for both personal & commercial use. Trust in our professional designs and focus on communicating your ideas.
Slidesgo Free Google Slides and PowerPoint templates
to boost your presentations.
Slidestore Enjoy a wide range of presentation templates ideal for business. Sort them by name, rating, or presentation color.
Mr Templates We create amazing PowerPoint Templates
and give them away for free!