CLOSE

Web Development
Tools

(175 submissions) | May 22, 2017 (latest edition)

A large collection of multi-purpose web development tools, ideal for improving daily workflow and adding extra functions to your projects.

CLOSE
  • A comprehensive set of charts pointing the paths that you can take and the technologies that you would want to learn in order to become a frontend, backend or a devops professional in 2017

  • Vocalizer is a tool that makes it easy to record your name and add the sound byte to your website. All you have to do is record the correct pronunciation for your name, copy the code and add it to your website.

  • Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit.

  • This tutorial has a collection of tips on how to improve the performance of a website by improving the SVG files. It ranges from tweaks to the number of paths on the image to export options.

  • Hover.css is a great little CSS library that adds hover effects to your HTML links and buttons. This tutorial will bring you the basics to input neat hover effects on buttons and more.

  • Using Node.js & Mongo DB, this script sends reports of user performance on Slack, Rocket.Chat & Mattermost. The performance is captured using performance.timing.

  • Ginger is a minimal flexbox 12 column grid system. It gives you a solid lightweight grid system to make developing and designing your next site easy and quick.

  • Simple CSS Media Queries is a tool that will return the media query necessary for the device you choose. It includes all the platforms and a variety of devices from small phones to desktop computers.

  • This is a widget that shows your GitHub details and that you can embed in any website. All you have to do is add the code to your HTML, replacing the value with your own GitHub username and your details will be displayed.

  • Mobi.css is a CSS framework that shows mobile pages in desktop with a sidebar on the left or right. It is lightweight, easy to use, and works on all major mobile devices.

  • Placeholder.js renders image placeholders for browsers. It can have custom colors, fonts, resizing behavior. It is pure javascript, that does not depend on jQuery or other javascript frameworks.

  • Ducksell is a PHP script that helps you sell products on your website and delivering them to the customer. It generates a secure download URL with a key that can be set to expire. It also includes real-time analytics for the user’s activities.

  • CloudCannon allows you to build static or Jekyll websites, with inline updates. Easy collaboration between developers and non-developers, and the option to sync files with GitHub, Bitbucket or Dropbox.

  • This is a simple CMS that allows non-coders to edit. Designed for Jekyll and Hugo sites, you can connect to a repo or upload a zip. The tool will Parse the project and automatically build a CMS.

  • This online browser tool allows easy and quick prototyping of interactions in Framer.js. It can be used in any browser, on any operating system, with mobile previews included.

  • Zig is a system programming language intended to replace C which prioritizes optimality, safety, and readability. Intended to port any existing .h files and directly use C types variables and functions. Zig includes a lot more useful features.

  • A Kanban board. Simple, digital and local. With its JSON-based storage, Kanbanion is the perfect choice for keeping track of a single project’s tasks. The Electron platform makes it feel and behave just like a native application.

  • KDevelop is a feature-full open-source, plugin extensible IDE for C/C++ and many other programming languages. Supported platforms include Linux, Solaris, FreeBSD, Mac OS X and other Unix flavors as well as Microsoft Windows.

  • Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm. It can be globally installed using just npm commands.

  • This especial browser has a lot of useful features for development like the full emulation of smartphone devices and tablets for testing your projects and apps. Available for Windows, MAC and soon for Linux.

  • This online tool is a vast collection of categorized icons where the user can select the one he likes and get a different sized preview. All the items are sort by a huge amount of categories and sizes, with the option to copy the code to clipboard.

  • Intuitively create dynamic content with a collection of HTML elements. Instead of admin areas or forms, you can edit inline, and it contains a JSON API for developers. No CMS needed.

  • Using open web standards, HyperTerm offers a beautiful and extensible experience for command-line interface users. A download is available for macOS, but builds for Windows and Linux are coming soon.

  • A quick and reliable monitor for cronjobs that uses five expression parameters for values such as minutes, hours, dates, months and weekdays. You can use specific values, alternative values, step values, and a range of values.

  • A completely customizable API wrappers for all major social networks and platforms that unlike other social sharing tools, it doesn’t retarget and profit from customer’s users.

  • An inclusive tool that integrates multiple services with just one API into your applications, it is available for different platforms, Android, Java and iOS.

  • An interesting tool which offers online coding featuring a powerful text-editor and useful options such as version control, collaboration, compilation, hosting and much more.

  • A great list of public JSON APIs to help people build applications for free quickly and easily, offering a wide range of options carefully classified by themes.

  • An online tool that analyses a CSS code placed in an input field, it generates then a graph that displays the degree of specificity of the code, showing with spikes the place where it’s more specific.

  • A very tiny open-source library that showcases a highlighting feature to improve the readability of code snippets, and can be used for any programming language.

  • Holmes is a library that offers a searching option inside any page, it features an easy installation using either npm or bower and including full documentation on its website.

  • A set of 16 SASS mixins which aims to unleash the power of the nth-child property, in an easy way, helping you to understand each and every mixin, literally, reading it.

  • Waffle.io is a project management tool for GitHub which displays real-time updates, pursues a customizable workflow, and offers filtering options among other features.

  • Cuttlefish is a transactional email server that features an intuitive web interface and allows you to send lots of emails from your apps effortlessly using SMTP, monitor reaches and bounces, track which emails and inner links were opened and so much more.

  • A GUI tool for NodeJS based projects that allows you to easily work with package.json and node_modules folder, even for developers who aren’t familiar with task runner-like Gulp and GruntJS .

  • Copper is a script that allows the web pages or applications to implement a field to signup, without needing a social account or e-mail, just a cell phone number.

  • JWT Inspector is an extension to inspect JSON Web tokens in requests, cookies, and local storage that can be added to Chrome browser, and quite soon will be available for Firefox and Safari as well.

  • AOS is a CSS3 driven scroll animation library useful to animate elements on any website while the scroll is going on. It works in any direction either while scrolls down or up.

  • A useful JavaScript library for detection of mobile devices in cases where responsive design does not solve problems of controlling web elements across several different screen sizes.

  • Push is a JavaScript library that eases getting up and running with javascript desktop notifications, which allow modern browsers to push notifications to a user’s desktop.

  • Visual Center is an online tool that will help you find the visual center of any image, it shows first the center of the element and next to it the visual center of the image selected.

  • A great App Store containing web bots from several known institutions, companies, services, and other internet tools, offering options to automate diverse tasks of your interest.

  • A repository containing 1000+ jQuery plugins sorted in several categories, forms, media, navigation, UI, and many others, where some of them include a live preview.

  • Froont is web page building tool that allows its users to see the real-time changes, alongside lots of functionalities like drag & drop, supports animations, and can export the automatically generated code.

  • A fantastic online tool that will help you centering in CSS, a task that usually causes headaches to developers, by providing it information of what you need, it will generate the code, making easy the whole process.

  • A web pack for quick project creation featuring a GUI tool that guide you through different options, and helping you to save time for project configuration that offers templates for Angular, React, Vuejs and Nodejs among others.

  • Aleut.css is a CSS framework designed with scalability and performance in mind. It generates only the absolute necessary lines of code, you can implement it in little or huge projects as you want, and letting you have the control all the time.

  • Modaal is a plugin to create accessible dialog windows that aims a mix of quality, flexibility, and accessibility that can be used in a wide range of projects.

  • Jam API is a service to generate JSON accessible data using CSS selectors from any website, creating extra options for developers who want to interact with your site.

  • A JavaScript web application framework that helps you compose your applications with decoupled and reusable components perfect for modern web interfaces, easy to install via NPM or Bower.

  • A set of web developer tools for authoring and debugging into Google Chrome, providing to developers access into the internals of the browser and their web app, making it ideal for testing and solving issues to obtain the cleanest code possible.

  • An alternative web server easy to configure and use, supporting http/2, IPv6, markdown, web sockets, fastCGI, templates and more, it is available for multiple platforms, Mac, Linux, BSD, and Android among them.

  • Atomic Docs is a fantastic front-end toolkit and a SASS component manager, built in PHP, and ready to add to your local environment, it will let you manage all your components in an easy way using a clean GUI interface.

  • React is a flexible JavaScript library for building user interfaces and is often used as the V in the MVC model, it can render on the server using Node, and can also power native apps using a new feature called React Native.

  • Polymer is a JavaScript software library used to define and style web components, implementing modern design principles to create custom HTML elements, it has reached version 1.0, and has begun to gain increasing recognition from the web development community.

  • A Javascript front-end framework which aims to be modular, making it possible to combine along with other frameworks, written by Raynos who has created several other useful libraries and it seems to have got lots of interest from the community.

  • A JavaScript tool that allows the inclusion of CSS classes into ReactJS. It allows class-based data, you can keep HTML and components styles together and easily attach the classes to the code.

  • A desktop client for GitHub with a stunning TweetDeck style, keeping you up-to-date with notifications, featuring a multi-user platform, custom columns, and mixing of different repos, users and organizations.

  • An IDE in the cloud that includes all the features of a desktop one, it comprises several language tools, a file explorer, a terminal, and extensions. It is perfect for collaboration, sharing code with friends or colleagues.

  • An amazing code editors plugin which provides you with a floating dock-sidebar that aids your coding at all times by showcasing suggestions of functions and methods as you type organized by popularity. You can also see documentation on-the-go, examples, and even highlights syntax errors thus boosting your workflow.

  • A JavaScript package manager that supports installing any module format from any registry, with GitHub and npm currently provided with flat versioned dependency management.

  • Popper.js is a useful library that aids in creating poppers in web development. Some featuring custom boundaries, GPU acceleration, offsets, and modifiers make of it an ideal tool.

  • A WordPress PHP framework aimed to make productive, solid and easy to maintain the creation of plugins and themes. This Development Kit includes downloadable several samples on their website.

  • Herbert is an effort to standardise and structure the process of building WordPress plugins, instead of the unorganised current approach, saving time to developers and making work in teams easier.

  • A JavaScript library to carry your input placeholders to life showcasing multiple instructions in a single input placeholder, animating, providing extra information, and examples to fill them.

  • A LESS library for easy and fast web app scaffolding, arranging in rows and columns, responsive design, and few lines of code. Learn how to use it with samples and tasks in their own website.

  • Create a locally installed WordPress site in seconds on Windows or Mac. Easy custom configuration with blueprints and tools to import or deploy your live website.

  • Substance is a JavaScript Library for web-based content editing platform, also can be used to build a sheets editor, web content, a notepad application and many more. Document authoring can be done in the browser, in a simpler and more collaborative way.

  • Rikulo is a UI Framework in Dart language which allows code to be run at the client and server into the UI, is aimed to provide a structured model for cross-platform web and mobile programming using HTML5. Also provides capabilities to build native mobile applications.

  • A complete list of MongoDB resources with full documentation, libraries for several programming languages, many tools like Big data and Deployment, among others including some examples of applications ready to be used.

  • Phoenix is a productive web framework that does not compromise speed and maintainability by implementing the server-side MVC pattern and many of its components and concepts similar to the ones in other web frameworks like Ruby on Rails or Python’s Django.

  • Github Importer allows you to migrate your code and repositories from Subversion, Mercurial, Team Foundation Server, or any other Git repository directly into GitHub.

  • An open source code editor developed by Microsoft for Windows, Linux and OS X, it’s redefined and optimized for building and debugging modern web and cloud applications. VS Code combines the streamlined UI of a modern editor with rich code assistance and navigation, and an integrated debugging experience, and has hundreds of extensions.

  • GrapeJS is an open source online tool that allows you to edit your website templates counting on a neatly crafted minimal UI toolkit for style, layers, code, and asset management, as well as local and remote storage, and default built-in commands.

  • Enjoy this short and useful resource to find JavaScript tips every day in order to improve your code writing. If you want to enrich the list you can also make your own suggestions!

  • Imba is a programming language development for the web that compiles to highly performant and readable JavaScript supports for defining, extending, subclassing, instantiating and rendering DOM nodes.

  • Pressure is a JavaScript library that allows you to handle certain parameters on the web which values vary depending on the pressure you apply on the touch screen on new Mac and iPhone devices.

  • Simulacra.js makes the DOM react to changes in data so as to map those changes to the DOM by adding and removing elements after invoking mutator functions, which by default, assign plain text and form input values.

  • A JavaScript library that simplifies certain accessibility features, functions, and behaviors by providing certain standard functions that the web platform should’ve provided itself for JavaScript applications to be made accessible more easily.

  • OS.js is a completely free and open-source JavaScript web/desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction. Works in any modern browser and can be deployed on any platform using Node or PHP.

  • Appolo is a set of plugins and themes for Jekyll to create a static portfolio website for app developers to showcase their work. It has a minimalistic style and responsive design.

  • Vagrant allows you creating and configuring lightweight and portable development environments. It is a tool you can install on Mac OS X, Windows, or a popular Linux distribution. After that, create a single file to describe the type of machine. It creates identical development environments for everyone involved in the project.

  • Iceberg is a front-end boilerplate to help you start your web projects from scratch in an easier way, so you don´t need to re-create everything every time.You can download it or install it via Bower.

  • CLImate allows you to easily output colored text, special formatting, and even animations. It makes output to the terminal clearer and debugging a lot simpler.

  • Telepat is an open source back-end stack that allows you to provide your clients in real-time with information and updates as well as flexible deployment and simple scaling.

  • Orson is a great tool for creating your own Bootstrap theme. And after all, you can save it. It takes advantage of the latest version of Bootstrap; you can preview your work, import variables, pick colors easily, choose from lots of Google Fonts and many more features.

  • Lineman is a command line utility that allows you to focus in the client-side part of applications development and also provides you with the most relevant server-side application development features.

  • Scrapy is a cross-platform and collaborative framework open-source developed in Python for extracting relevant data from websites.

  • Scotch Panels is a jQuery plugin for easily creating off canvas menus, navigation, and other panel types such as images, videos, and iframes. They have lots of features and different options for every skill-level to tweak and implement into almost any project. They work from any container so you can put your side navigation on any element you want. It even provides excellent browser support via a JavaScript fallback.

  • Omega is an attempt to bring back innovation to Python web frameworks. Its goal is to be more than a web framework since it aims to be a platform on which any type of web application can be built, batteries included. That means  this tool ships with support for creating ORM-backed CRUD applications, NoSQL REST APIs, real-time applications using Websockets, and simple, mostly static page applications.

  • OpenCampus is the biggest resource library regarding professional certifications for PMP, CAMP, ITIL Foundation, Big Data Developer, Hadoop Administrator, Six Sigma belts, Microsoft Excel, and more.

  • An awesome collection of interviews about development regarding topics of several programming languages, databases technologies, operative systems, algorithms, coding exercises, and more.

  • A Mozilla extension for visualizing JSON files directly on the browser nicely formatted instead of prompting to download it or rendering it as text featuring collapsible array and object sections.

  • A service that abstracts how users authenticate to applications which can be using custom credentials, social network logins, enterprise directories or password-less systems.

  • BackstopJS takes screenshots of your website or web app in several sizes in order to find unwanted CSS regressions by reporting which and how many screen sizes failed.

  • A curated feed of articles and resources regarding web applications UI design, and front-end, back-end and full-stack development. You’ll find tutorials, tools, inspiration, and more.

  • WebRTC is an open source repository that consists of demos and experiments on real-time communication for web technologies.

  • Fly is a modern co-routines, generators and promises based built system for Node.js. It features concurrent tasks, robust error handling, cascading tasks and a simple API.

  • UnCSS is a tool for removing unused CSS code from your stylesheets that works across multiple files supporting JavaScript injected CSS.

  • Lattice manages containerized workloads on clusters which consist of a number of virtual machines that run containers, and a brain that monitors the cells.

  • The Web Field Manual is an online curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web.

  • Flarum is a next-generation forum software that offers several UX features such as real-time discussions, moderation tools, touch optimization, and much more.

  • A huge collection of ruby on rails gems classified by category and listed in GitHub by its author hothero.

  • A curated gallery that contains a collection of websites regarding HTML5. They are social ranked and allows submissions of new sites.

  • CSSnano is a modular minifier based on PostCSS plugins. It takes formatted CSS and optimizes it, ensuring that the final result is as small as possible for a production environment.

  • VueStrap is a kit of Bootstrap components built with Vue.js completely independent of jQuery, bootstrap.js, or any other 3rd party plugin.

  • Bonsai is an online web tool for freelancers to be able to generate secure contracts that feature eSignatures and integrated escrow.

  • Otto is a cloud platform that automatically builds a development environment tailored specifically for your application and allows you to control it with a single consistent workflow in order to maximize the development productivity.

  • GoTTY is a simple command line tool that turns your Command Line Interface tools into web applications. This tool was developed by Iwasaki Yudai and is available as an open-source project.

  • CSSfmt is a tool that automatically formats CSS and SCSS source code. It can format Vanilla CSS, SCSS syntax, and nested selectors syntax like SCSS, Less, Stylus and processor using post CSS-nested.

  • Eager is an open source built web app store initiated by Adam Schwartz and Zack Bloom that allow adding to your website several web apps in CSS and JavaScript only by indicating where you want it. Some of the most used apps are photo galleries, latest tweets section, add a comment section and fancy underliner.

  • A nice collection made by Google with every device’s metrics like screen size, the aspect ratio, width, height and pixel density. It’s a great tool for designers and developers to know the dimensions of the most relevant devices. This is a public list that can be used freely.

  • Kirki is a website customizing toolkit for WordPress. It extends the customizer functionality. It makes it easier for everyone to create beautiful and meaningful websites. It is licensed under the GNU General Public License.

  • Scut is a set of Sass utilities for improving the implementations of common style-code patterns. It takes away the pain of repeating code across a website; it makes things easy by helping you organize your rules and implementing best practices.

  • Vorlon is an open source, extensible, platform-agnostic tool for debugging and testing your JavaScript remotely. It was created with the help of node.js and socket.io. It is easy to setup even as a desktop software for Windows and Mac, and it is extensible

  • xto6 is a nice library made in JavaScript that keeps your JavaScript code clean and readable. Among its features, you can find function/prototype to class, string concatenation to template string and anonymous callbacks to arrow functions.

  • A library to quickly prototype WebGL applications made in JavaScript. It re-implements OpenGL’s modelview/projection matrix stack for similar functionality, making it perfect for creating cool 3D data showcases and visually appealing components.

  • CSS Dig is an extension for Google Chrome that helps you analyze the CSS on your website. It shows you the CSS properties of your site, their frequency of use and variation. Also, it shows you the inconsistencies so the end user doesn’t get confused.

  • Marx is a CSS Stylesheet for developing simple web projects. It is not a framework, but a set of rules in CSS for easy styling. With it, all browsers render consistently thanks to Sanitize.css, was built with SASS, it’s responsive and mobile friendly, has clean and beautiful photography and more features.

  • A cool online collection of arrows and other symbols available as code. You can select among many types of arrows, and symbols like copyright, at, registered trademark and many more. After you’re done, you can copy the Hex code, HTML ​or Unicode to use it on your projects.

  • Since fonts will look heavier on OS X and iOS than on other platforms, this useful JavaScript engine makes a specific typeface look nice in mobile devices, just as they look cool in desktop computers.

  • Radium is a collection of tools for management of inline styles on React elements. With it, you have powerful styling capabilities without needing to use CSS. It allows you to browse state styles to support and use media queries as well. It is a creation from Formidable Labs.

  • Predawn is a set of styling features added to the Sublime code editor and also for Atom. The theme adds several improvements, like folder navigation and improved color distinction among elements, and more.

  • url.js is a lightweight library built with JavaScript to manipulate the page URL. It uses various parameters to find the name and encoding results, it can parse a string as querystring, stringifies a query object, and more. This library is licensed under the MIT license.

  • Cayley is an open-source graph database inspired by Freebase, using Google’s Knowledge Graph. The idea of this is to help developers analysing Linked Data and graph-shaped data in semantic websites, social networks and more. It was written in Go, and it has a complete API, a built-in query editor and visualizer, modular design and it’s fast. It was created by Google.

  • A tool for analysing data and make predictions based on Google’s algorithms. It uses a very nice interface, helping you predict future trends using historical data, detect spam and recommend products. It is fast and reliable, has cloud integration, powerful development tools, and more. You can use it for free for a limited time.

  • A list of SaaS, PaaS, and IaaS software and offerings with free tiers for developers. Useful for infrastructure developers, like System Administrators, DevOps Practitioners, and more. The repository grows daily and it’s carefully curated. It was created by R.I.Pienaar.

  • cmder is a portable console emulator for Windows. It has a Monokai color scheme and a custom prompt layout, and it’s a complete package that you can carry anywhere, in a USB drive or in the cloud, so you don’t lose your settings and overall progress. It was developed by Samuel Vasko.

  • An online tool for creating auto-generated code snippets in many programming languages for your website, blog or API documentation. With it you can embed your API request, customize your widget, generate the code and then grab the generated result to use it on your website.

  • An online microdata generator that helps create rich snippets and graphs supported by Google. It features a full list of structured data schemes, and it lets you aggregate offers, reviews, articles, business, events and contact info, software apps and more.

  • Nuclide is an open source IDE for React for creating native, web, and mobile apps, made as a suite based on Atom to provide hackability and community support. It provides auto-completion and inline error highlighting, a JavaScript type checker and more. It was made by Facebook.

  • .resizr is an online tool for testing any website’s media queries to check if it is completely responsive. With it, you just add the URL of the site you wanna test and select the device, mode and other features. There are almost 30 devices to test your site on, and you can use it for free.

  • Git Large File Storage is an open source extension that allows versioning of large files. It replaces these large files (like audio and video), including text pointers inside Git, and at the same time stores the contents on remote servers. With it you have more repository space, faster cloning and fetching, access controls and permissions.

  • A website with Google PageSpeed test scores for 2500 free themes from the official WordPress theme repository. The tests were executed on the blogs sample page and the home page, both in mobile and desktop environments.

  • Nines is a web tool that helps developers find critical performance issues while developing. It intends to show developers and designers the impact their changes have on the performance of the site. It shows a bar at the bottom with the page speed, the median, and you can click on them and check more data.

  • The UX Project Checklist is an online tool that helps developers check their process while creating a website, helping them to create a user-friendly and goal-focused website. The tool helps you check if you have accomplished the research, plan, explore, communicate, create, feedback and more stages of the UX process. This tool is free and you can connect it with Google+ to save your progress.

  • Prepros is a compelling tool for developers that allows them to compile LESS, Sass, Compass, Stylus, Jade and many more languages thanks to CSS prefixing. You can download it for free and use it on Mac, Windows or Linux machines.

  • Dust-Me Selectors is a development tool for Firefox and Opera that scans the CSS code on your website and tells you which selectors are unused. Among its features you can scan any HTML page, add an XML or HTML sitemap and scan pages automatically (Firefox version only).

  • APIs.io is an experiment that allows you to search APIs on the web. You can implement the search engine, which is also open source, and run it in your own projects. It crawls known APIS.json files, top domains on Alexa and follows include links.

  • osquery is a complete tool for operating systems made in C++, JavaScript and powered by SQL. It was created by Facebook and its goal is to provide strong and accurate analytics, monitoring and instrumentation. It can be downloaded for free and implemented in any web project.

  • Scala is a scalable language for creating apps, it is Object-Oriented, supporting advanced component architectures through classes and traits; functional, efficient, integrated seamlessly with Java, future proof and more. It is open source and ready to implement in any project.

  • Screen Sizes is a complete table of sizes for every mobile device known. It includes information about the operating system of the device, the physical size, its width, height, the pixel density, aspect ratio, and more. This table is a starter point for any type of design, if you want to implement a creation that reaches more people.

  • Nitrous is a complete IDE for your browser that lets you program in Ruby, PHP, Python, Go, NodeJS and other languages. You can sync it with your favorite code editor such as Atom, Sublime Text or Textmate, allowing you to work from anywhere in a shared or private workspace and do it fastly.

  • Tweene is a JavaScript library proxy that allows you to control and switch between several types of different JS libraries, created for multiple purposes. It is a great way for avoiding so much coding, providing flexibility and stability in the process. It works with GSAP, Velocity.js, Transit (CSS transitions) and jQuery.

  • A tool that creates a tunnel from the public internet to a port on your local machine with download available for several OS platforms. It is useful in the case you are developing a website, and you want someone outside to see how’s it going without deploying it. You just pass the URL and grant access. ngrok also captures all traffic through the tunnel.

  • The Front-end Boilerplate is an easy to use development tool for creating attractive and useful web projects. It has a tasks manager, you can use your dependencies, you can choose what preprocessor to use, and it includes many features that can make your development a great experience. You must have Node and npm installed to use it.

  • Isotope is a truly powerful jQuery plugin for magical layouts that can readjust themselves depending on the browser dimensions, along with filtering and sorting functionality.

  • Deployd is an open source platform that allows you design, build, and scale APIs for web and mobile apps in minutes instead of days. After you’ve set it up, you can deploy to a high-performance cloud, or host it yourself. You have an API just with one click, manage its resources through a web-based platform.

  • Subtext is a code editor for Chrome browser and Chrome OS; an offline tool that you can use on your browser and desktop. It lets you edit local files thanks to a simple user interface. Among its features you can find:

    – Project management
    – Fuzzy search for opening files
    – Versatile layout
    – Fullscreen mode

    It supports several types of syntax, including HTML, CSS, Javascript, PHP, LESS, Stylus, Coffee, Ruby, Python, Markdown, Mustache, and many more. You can download it for free.

  • Webplate is a useful front-end framework that allows you to focus your attention exclusively on building your website or mobile app. It is a UX experiment that you can download and use for free, or improve since it is open source. Inside you can find:

    – A robust and responsive layout engine
    – Global buttons and elements
    – Customizable forms
    – Simple modals
    – Icon fonts support

    Also, it includes two types of “starter kits”: the Quill UI and the Stripe UI. The first one created for writers and the other one for quick creations. This framework was created by Chris Humboldt and was uploaded to GitHub.

  • This is a web starter kit that will help you not only create a compelling and useful website that can be viewed in any desktop or mobile device, but to know how you can improve it at all levels. Among its features you can find:

    – A responsive boilerplate.
    – An up-to-date style guide.
    – Cross-device synch.
    – Live browser reloading.
    – Performance optimization.
    – Insight reporting.
    – SASS Support.

  • This jQuery plugin allows the user to move the background in any cardinal direction thanks to values that can be changed, adding useful functions for the scroll position as scrollBottom() or scrollTop(). It is published under the MIT License.

  • A JavaScript library will help you make three-dimensional data speak up. Heatmap.js v2.0 adds new value to your project, and you can build a business based on it, study and visualize user behaviour, and much more. Whether you want to have an aggregated overview of your users behaviour or look at thousands of events distributed on a map, this tool covers all your heat map visualization needs.

  • This is a supremely useful tool that will generate column layouts including footer, header and menu. You can set the measurements by either pixels or percentages. The inclusion of sidebars can also be controlled. Take a look and create the right foundation for your project. It was created by Generate It!

  • This online tool created by the guys at CSS Portal helps you validate your CSS files with a simple form. Validating your CSS is the first step (before optimizing it) since it allows you to find errors in your CSS that can make your page display incorrectly. After that, a good optimization is required and can help you website load faster and smoother than ever.

  • Optimizing your CSS code is crucial if you are running a large site. CSS has a tendency to get cluttered, just like HTML does. This generator will format and optimize your CSS code using a variety of different compression settings. Once you’re done with your CSS codes just upload them to your web hosting service provider and see the results of your CSS design online.

  • This online password generator will allow you to create a range of strong and secure passwords using a combination of uppercase letters, lowercase letters, numbers and punctuation symbols. Within you can select the password length, lowercase letters, capital letters, numbers, punctuation, and avoid similar characters to create a powerful password. Then just click on generate, and you are done.

  • Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and SSC, but can be used with programming languages too.

  • Bonfire helps you build CodeIgniter-based PHP web applications even faster than ever by providing powerful tools and a beautiful interface you won’t be ashamed to show your client. With it you have built in users, enhanced debugging and a significant set of developer tools.

  • The Adobe Edge Animate CC is a great tool for creating animated, interactive content for the web. It allows web designers create HTML for web and digital publications, as well as sophisticated ads for media that can be viewed on any device.

  • Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page. It features full customization, manual orientation toggle by click, automatical device window orientation in “Auto Size” mode, media query support, viewport animation, adapt meta viewport tag from the current page.

  • Brunch is a lightweight approach to building HTML5 applications with an emphasis on elegance and simplicity. This builder is not a generic task runner, but a specialized tool focusing on the production of a small number of deployment-ready files from a large number of heterogenous development files or trees.

  • Yeoman helps you kickstart new projects, taking into account the best practices and tools to help you stay productive. It provides a generator ecosystem, which is  a plugin that can be run with commands to scaffold complete projects or useful parts.

  • xctool is a replacement for Apple’s xcodebuild that makes it easier to build and test iOS and Mac products. It’s especially helpful for continuous integration. It runs the same tests as Xcode.app, and provides a structured output of build and test results, human-friendly, ANSI-colored output, and faster & parallelized test runs.

  • csxs is a command line tool written in node.js for creating, compiling, packaging, debugging, and deploying extensions for Adobe Creative Suite. It’s easy to use and it is powerful.

  • TogetherJS (formerly know as TowTruck) lets users communicate, co-author, co-browse and guide each other. It’s is implemented in Javascript; no software or plugins to install, and it’s friendly with existing web pages, while still letting developers customize the experience.

  • Here we have a drag and drop real AWS resources to a canvas to quickly design your application architecture. It features several improvements like:

    – Drag-n-drop to build.

    – Built-in modules to configure instances.

    – One click to launch.

    – Easy exporting.

    – Realtime cost estimation.

  • Log is a simple utility to add style to the browser’s console output. It makes developing for the web and debugging easier by adding colors, ordering content, and more.

  • Here we have a simple JavaScript library to turn text into vector UML sequence diagrams. This tool was heavily inspired by the website websequencediagrams.com, which offer a serverside solution. You can use Jison to parse the text, and Raphaël to draw the image.

  • Flask micro is a WordPress plugin that implements CodeFlask.js as a shortcode for IDE code edition.

  • Scriptular is a JavaScript regular expression editor. Inspired by Rubular, it gives you a simple way to test JavaScript regular expressions as you write them.

  • Chronos is airbnb’s replacement for cron. It is a distributed and fault-tolerant scheduler which runs on top of mesos. It’s a framework that supports custom mesos executors as well as the default command executor, thus executing SH (on most systems BASH) scripts.

  • sachet allows you to handcraft your development environment. By allowing you to select features and functionality that you are comfortable with, it generates you a small package with the appropriate configuration files, plugins, and theme so you can leverage the potential of your Vim editor.

  • Screenhero is awesome for code review and pair programming. With simultaneous control, both sides can switch seamlessly between driving and navigating, with zero overhead. Works with every IDE. Instantly present your ideas to your clients, without having to send multiple files back and forth.

  • -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. Among its features:
    – Processes every stylesheet in or

    Done!

    Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

    Thank You!

    Your post has been received, and will be reviewed by a curator