Design Resources

Design HTML5/CSS3 Websites with Google Web Designer Tool Oct 09, 2013

Let Google handle the HTML5 and CSS3 so you’re free to focus on what you love to do: creating gorgeous visual experiences. A full design suite lets you easily bring any vision to life.

Google Web Designer brings ideas to life across screens. You can create engaging, interactive HTML5-based designs and motion graphics that can run on any device. If you’re feeling more hands-on, all the code behind your designs is hand-editable, so you’re never locked out of your own work. Your ideas are now amplified by code not restricted by it.

Design HTML5/CSS3 Websites with Google Web Designer Tool

Meet Solo: A free project management app for freelancers Oct 08, 2013

Meet Solo: A free project management app written in PHP and MySQL for freelancers including following features;
Project Dashboard: Quick access to all of your projects. See which items need your attention first with color coded status icons.
Task Management: Adding new tasks is as simple as typing a note. Just click enter to add a new task. Other features: Multiple filter options
Search ,Drag & drop reordering, Attach files to tasks, Automatic status based on due date, Integrated task timer (see Task Timer for more details)
File Management: Multiple file ajax uploads, inline file previews for many file types, grid view and list view.
Project Calendar: See all of your project tasks in a calendar view
Task Timer: Keep track of how much time is spent on a task using the task timer. Manually enter time for those cases when work is performed without the timer.
Activity Stream: Displays a list of all recent activity within the application, making it easy for you to stay up to date.
Global Search: Quickly find anything using the global search feature. It searches all projects, tasks, files, invoices, and messages and returns an itemized (and filterable) list of matching items.
Client Details Page: Displays a comprehensive overview of a clients information, projects, invoices, and users
Beautiful HTML emails: All system messages are sent using a simple & elegant html template. Emails are easily customized with the integrated template language

Meet Solo: A free project management app for freelancers

Capture Keyboard Input with Keypress JS Library Oct 05, 2013

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.

Here’s some of what Keypress offers:
Fire on keyup and/or keydown
Any key can serve as a modifier
Special “counting” combos
Sequence combos

Capture Keyboard Input with Keypress JS Library

Bootstrap video player Sep 26, 2013

A customizable HTML5 video player plugin for jQuery based on bootstrap UI
- easy to Customize with css
- support multiple videos in one page
- simple use of HTML5 video tag
- show pause/play button
- show progress bar
- show video timer
- show & set volume value 1..10
- enable full screen button
- enable auto hide control bar
- enable auto play



Fuel UX: extend Bootstrap with additional JavaScript controls Jul 05, 2013

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.



Tactile Design Kit Jul 01, 2013

A physical, interactive web design kit created to facilitate client conversation and brainstorming during the discovery and design phase.
Tactile artifacts can be powerful tools when working with clients on website design and discovery projects. They help create structured limitations, within which productive conversations can take place and decisions can be made faster. Use this kit to help control scope and manage your client conversations, or simply use it as a tool for developing designs and websites faster.

Tactile Design Kit

Twitter Bootstrap File Input Styler Jun 27, 2013

File input fields look differently in all browsers. It’s a painful for designers to design something that looks nice in all browsers and it sucks that support for this is not available in Twitter Bootstrap. Twitter Bootstrap File Input Styler is designed to make all file input fields look like standard Twitter Bootstrap buttons.



Pure - A set of small, responsive CSS modules for every web project Jun 25, 2013

A set of small, responsive CSS modules (alternative for Bootstrap) that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 4.2KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

Pure - A set of small, responsive CSS modules for every web project

tiny wysiwyg rich text editor for Bootstrap Jun 25, 2013

This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.



Tocify Jun 21, 2013

A jQuery Table of Contents plugin that can be themed with Twitter Bootstrap or jQueryUI.