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.

June 14, 2013 Design , Icons , Mobile no responses # ,

iOS7 Icon Templates For Creating Them Easier

Apple announced iOS7 and this new version of the OS seems to be coming with many changes regarding the interface. One of these changes is the app icons. They now have a different rounded corners, new grid and increased size for the iPhone.

Continue reading

June 14, 2013 CSS , CSS3 , Design no responses # , , ,

Magic – CSS Animations With Impressive Effects

We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”).

Magic CSS Animations

The effects are collected under few categories (magic, perspective, rotate, bling, static, slide) and all of the effects are pretty attractive. Each of them has their own classes and the easiest way to use them is by adding/removing these classes to the targeted elements via JavaScript.

Requirements: No Requirements
Compatibility: All Modern Browsers

Website: http://www.minimamente.com/magic-css3-animations/
Download: https://github.com/miniMAC/magic

1 2 3 4 5 20
Stay In Touch