June 25, 2013 Illustrator , Inspiration no responses # , ,

Some Free UI Wireframe Kits

Every time when starting a new web design project, it’s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an agreement on placement of major page elements such as headers, content areas, navigation menus, and footers. The key is to get the layout nailed down so major layout changes won’t take place once detailed design elements are in place. To help you in this, we’ve gathered 10 Free UI Wireframe Kits that will make your life easier.
Continue reading

June 25, 2013 Design , Fonts no responses # , , , ,

Fontastic – A Platform For Creating Icon Fonts

Fontastic is another solid option for that which enables us to choose items from multiple icon sets. The chosen items are combined into a single font with a click where this approach helps minimizing the font size as we only choose the icons needed.

Fontastic

Continue reading

June 25, 2013 JavaScript no responses # , , ,

Progression.js – Real-Time Hints & Progress Feedback For Forms

Progression.js is a jQuery plugin that shows tips about an active form field and also displays the progress (how much of the form is filled).

Web users are experienced in filling standard forms like contact or comment forms. For non-standard forms, it is always a good idea to inform users about the data expected.

Progression.js

Continue reading

June 25, 2013 Design , Mobile no responses # , , , ,

Cardinal – Small Mobile-First CSS Framework

Cardinal is a small and mobile-first CSS framework that positions itself as a starter-kit, provides the basics and lets the users customize/develop the rest.

Cardinal CSS

Continue reading

June 25, 2013 Tools no responses # , , , ,

KineticWing – Modern, Extensible & Free IDE

KineticWing is a free IDE that is lightweight, portable and works on all major operating systems (Mac support is mentioned to be coming soon). It is not a complicated IDE but more like a smart text editor with modern features.

KineticWing IDE
Continue reading

June 24, 2013 CSS , Design no responses # , , , ,

Buttons – A CSS Library For Creating Buttons

Buttons is a CSS library for creating highly customizable, flexible and modern web buttons. It is built with Sass + Compass and has support for square, rounded or circular buttons that can be flat or not and having custom effects (like glow).

CSS Buttons Library

The sizes, colors, effects and fonts used can all be changed with the help of variables and it can be extended easily.

June 20, 2013 JavaScript no responses # , , ,

Aristochart – Flexible & Static Line Charts Library

Aristochart is a JavaScript library with no dependencies. It is only capable of creating 2D line charts which are static (uses canvas).

Aristochart

The library focuses on customization and provides lots of options for changing the design, labels and almost any other stuff.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://dunxrion.github.io/aristochart/
Download: https://github.com/dunxrion/aristochart

June 18, 2013 Icons no responses # , , ,

10+ Free Flat Icon Sets

Get some really cool flat icons sets to spice up your design library. Flat design is being more and more appreciated lately.

Flat Design Icons Set Vol3 by Pixeden

Flat Design Icons Set Vol3 by Pixeden
Continue reading

June 18, 2013 Design , Icons no responses # , , , ,

200 Foodie Pack – A Huge Food Icons Set

200 Foodie Pack – a set of free food icons. The set has 200 items from fruits to drinks or restaurant/kitchen equipment. It is available in .PNG (32*32px, 64*64px + 128*128px), .AI and .EPS.

Free Food Icons

June 17, 2013 Others , Tools no responses # , , ,

Chrome Logger – An Extension For Debugging Server-Side Code

Google Chrome’s “Developer Tools” is what many developers use to debug client-side code. Chrome Logger is an extension that brings server-side code debugging to this tool. It has libraries for PHP, Python, Ruby, .NET, ColdFusion and Node.js. Also, new ones can be created with the documentation provided.

Chrome Logger

These libraries simply enable us to view variables in Developer Tools.

Although each server-side language has their stronger debugger tools, using the same logging tool for client and server-side makes sense.

1 2 3 4 5 21