Design your way

Wednesday, August 7, 2013

Web designers are lucky comparing to other type of design jobs because they have the most resources at their disposal to work with and this is because web designers create resources for them and for other web designers too.

This is why we can have a collection of web design and web development resources on a monthly basis, with tools to improve our workflow, frameworks that are lighter and more efficient, jQuery sliders that are better designed while smaller in size and all sorts of tools and apps that would make your life as a web designer better if you are using them.

I hope that this month’s collection will have in it those tools that you needed for your work. Enjoy!

OWL Carousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

TowTruck

A service for your website that makes it surprisingly easy to collaborate in real-time.

Topcoat

Topcoat is a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community.

Pico

A stupidly simple & blazing fast, flat file CMS. Making the web easy.

Style Guide Boilerplate

Media Query Builder

Phalcon

Phalcon is a web framework implemented as a C extension offering high performance and lower resource consumption

ack

Designed for programmers with large heterogeneous trees of source code, ack is written purely in portable Perl 5 and takes advantage of the power of Perl’s regular expressions.

huboard

Huboard is built from the ground up using the GitHub public API. Huboard issues are GitHub issues,you will never have to deal with syncronization problems. Keep issues where they belong, in the repository with your code!

Tipue Search

Tipue Search is a site search engine jQuery plugin. It’s open source and responsive.

S Gallery

PSD.rb

PSD.rb is a general purpose Photoshop file parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree structure and find out important data.

Anchor

Anchor is a super-simple, lightweight blog system, made to let you just write.

Shapeshift

Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest.

What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order.

UI Kit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Ractive.js: Next-generation DOM manipulation

elementTransitions.js

This repository is a wrapper around the code provided by a codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

FlexNav: A jQuery Plugin for Responsive Menus

iOS 7 Wireframe Kit

Cal-heatmap

Cal-Heatmap is a javascript module to create a calendar heatmap.

DalekJS

Automated cross browser testing with JavaScript!

Hide/show password plugin for jQuery/Zepto

Monsta FTP

Open source PHP/Ajax cloudware that puts FTP file management right in your browser, anywhere, any time.

Minified.js

Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests.

Pixate

Pixate Engine for iOS: A free dynamic user interface platform for mobile apps.

The Markup Framework

The Markup Framework is a collection of layouts, widgets, typographic styles and other UI components to use as a starting point for your own Web designs.

Minimit anima

Jquery plugin to animate with transforms and transitions

easyAB

A jQuery / Zepto plugin for easily setting up A/B and Multivariate tests using Analytics

TwentyTwenty

Sticky-Kit

Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

skelJS

Later.js

Easily define complex schedules then quickly calculate future or previous schedule occurrences. Works in Node and in the browser.

Countable.js

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.

Chance

Chance is a minimalist generator of random strings, numbers, etc. to help reduce some monotony particularly while writing automated tests.

Readmore.js

A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.

Mason.js

Mason was created to solve a problem with most grid system currently available. Gaps. When using Masonry, Isotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.

Munee: Standalone PHP 5.3 Asset Optimization & Manipulation

Furatto

It’s a flat, fast and powerful front-end framework for rapid web development.

Hashslider

This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

Promin

Promin allows you to break forms into smaller chunks.

Daux.io

Daux.io is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.