Front End Build 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
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. |
Other Frameworks
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
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. |
GraphQL and Tools
GraphQL
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..... |
Jamstack
Jamstack
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
Headless CMS
A CMS without a connected frontend. An API is used to distribute content anywhere.
Headless CMS |
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
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
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 Snippets Pt 1
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! |
Code Snippets Pt 2
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. |
Cheat Sheets Pt 1
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 | |
HTML5 Cheat Sheet | HTML Cheat Sheet by html.com | Interactive |
HTML5 Cheat Sheet PDF | A quick reference guide by Smashing Magazine. | |
HTML5 Tag Sheet | HTML5 Tag Cheat SHeet by Websitesetup.org | |
HTML5 Canvas | HTML5 Canvas Cheat Sheet by Websitesetup.org |
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 |
|
2016 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. |
Online |
ULTIMATE FLEXBOX CHEAT SHEET | Added: 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 ... |
Online |
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 | |
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 |
Online |
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 |
Cheat Sheets Pt 2
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 ProLoser |
Online |
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 GregFinzer |
Online |
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 Kitallis |
Online |
Vue JS Cheat Sheets
A JS Front End Framework
Updated: 2/25/20
Cheat Sheet | Source | Format |
---|---|---|
Vuejs Cheat Sheet | Github Neves |
Online |
Vue Basics Cheatsheet | Github Dev Coffee |
Online |
Vue.js Cheat Sheet | dmytrish.net | Online |
Vue Reference | simpletutorials.com |
Ember JS Cheat Sheet
An open-source JavaScript web framework
Updated: 2/26/20
Cheat Sheet | Source | Format |
---|---|---|
Ember.js CheatSheet | Github dreikanter |
Online |
Ember js Cheat Sheet | Cheatography Mroe |
Online |
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 LeCoupa |
Online |
Meteo-Cheat Sheet | Github radiegtya |
Online |
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 mwvdlee |
Online |
KnockoutJS Cheat Sheet | Tech Wiz | Online |
Aurelia Getting Started Cheatsheet | Cheatography ErikCH |
Online |
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 | |
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 tofagerl |
Online |
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 |
Online |
Rails Cheat Sheet | owasp.org | Online |
Rails 3.2 Commands Cheatsheet | Github sadiqmmm |
Online |
Rails CommandLine Cheatsheet | chrisjmendez.com | Online |
Rails Cheat Sheet | Github mdang |
Online |
Rails Cheat Sheet | http://tips.tutorialhorizon.com Ryan Sukale |
Online |
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 Boilerplates
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
Budget Unmanaged VPS Hosting
Low-cost unmanaged VPS hosting to practice server management.
Updated; 5/12/20
Unmanged 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
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. |
FTP
FTP
File Transfer Protocols
Both free and premium
FTP Programs |
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. |
Paid |
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. |
Paid |
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 |
Text Editors & IDEs
Free Text Editors
The most essential tool you will use
Free Text Editors |
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
Paid Text Editors |
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
Free IDE |
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> | 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. |
JQuery Tools
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 Layouts
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/Compress Code
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. |
Monitor Uptime
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! |
Password Managers
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. |
Free |
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
Budget Unmanaged VPS Hosting
Low-cost unmanaged VPS hosting to practice server management.
Updated; 5/12/20
Unmanged 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
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. |
Finding A Web Host
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 (VPS) |
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 | $$$$ |
Icons and Fonts
Icons
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. |
Web Browsers
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 Platform |
---|---|---|---|
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 |
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 |
Win |
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, Yahoo |
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 |
htaccess
htaccess
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
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
SEO Rambler: Free Tool
Backend Service Providers
Cross Platform Services To Develop, Deploy, Manage and Test Web and Mobile Apps
Logo Makers
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! |
Poster Maker
Design Cap: Free Online Poster Maker
Designing and Prototyping Tools
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 |
CrossBrowser |
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
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
Powerpoint Templates
List of free powerpoint templates to help speed up the process of preparing a presentation and aid for teaching.
Powerpoint Source |
Description |
---|---|
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! |