Design your way

Wednesday, October 9, 2013

There is always room for improvement and in a fast developing work environment like a web designer’s, you have to be up-to-date with the latest tools, jQuery plugins and apps that can make your life easier and/or your work better.

In this article you will find a lot of jQuery plugins, as usual I might say, but also various other tools that would improve different aspects of your work.

I believe this article will be received better by web developers due to the large number of apps that can be used by them. Besides these and the always present jQuery plugins, you will also see an extension for Photoshop for those of you who are more designers than coders.

Solo: A free project management app for freelancers

fullPage.js: Create Beautiful Fullscreen Scrolling Websites

Apiary: Build beautiful APIs

TogetherJS

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

StackEdit

StackEdit is a free, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.

Raw: The missing link between spreadsheets and vector graphics

Semantic UI

mailpile

A modern, fast web-mail client with user-friendly encryption and privacy features. 100% Free and Open Source software

Scrollback

Scrollback hosts rooms which you can embed into any webpage. A room brings together a long-lived, interactive community that’s stickier and more engaging than any forum system.

To embed scrollback rooms, paste this code into your page. If your room doesn’t exist, it will be created automatically.

Rainloop: Free, modern & fast web-based email client

Google Webdesigner

Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

Grid forms

Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.

WP Tests: The Best Tests For WordPress

annyang! SpeechRecognition that just works

annyang is a tiny javascript library that lets your visitors control your site with voice commands. annyang supports multiple languages, has no dependencies, weighs just 2kb and is free to use.

Pace

Include pace.js and the theme css of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically.

PHP Image Compression & Caching

jQuery Fullscreen Editor

jQuery Fullscreen Editor plugin transforms textfields to customizable editors, either it can be used within a form or standalone.

Web Audio API

The Web Audio API is amazing. Almost any audio shenanigans that you can think of are now possible. Games, synthesizers, audio players, trackers and more.

Form Builder

CLNDR.js – A jQuery Calendar Plugin

One Page Scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

LiteCart: Free e-commerce platform built with PHP, jQuery and HTML 5

Dart: A new language, with tools and libraries, for structured web app engineering

FireShell, fiercely quick front-end boilerplate and workflows

Keypress

Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.

FailSafe

FailSafe is a jQuery plugin to help your application work correct even in peril situations. In other words, it takes care of situations like Lost Internet Connectivity and Low Battery Level. When a user loses Internet Connectivity or his laptop’s Charge goes down, this plugin shows a very user-friendly message to the user.

Scrolld.js

Scrolld.js is a unique open source plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values.

With Scrolld.js your scrolling to items will always be exact and will always provide the best user experience. Scrolld.js is specifically designed to support responsive designs and turns navigating long pages into a simple task. Scrolld.js is intended for easy use and is fully deployable within minutes.

Responsive elements

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.

jInvertScroll – A lightweight jQuery horizontal Parallax Plugin

It’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.