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

June 12, 2013 Design , Inspiration no responses # , , , ,

Picksum Ipsum – Dummy Text From Hollywood

Picksum Ipsum is another dummy text generator that is pretty original and fun. It has a database of lines from 4 В Hollywood legends: Client Eastwood, Morgan Freeman, Michael Caine and Jim Carrey.

Picksum Ipsum

We can choose the number of paragraphs and if tags are needed or not. Also, a “rumble” option exists for creating a mixed filler text from 2 of the selected artists.

June 11, 2013 Design , JavaScript no responses # , , ,

Hitch – Expressive Power To CSS With JavaScript

Hitch is a lightweight JavaScript library that adds expressive capabilities to CSS files. It has some of the powers of CSS preprocessors like prefixing or variables but also some other stuff.

The library comes with multiple ready-to-use selectors like “anyof, allof, has..” and allows us to define any new ones (called hitches).

Hitch

These hitches are simple JavaScript functions and can be written easily (once the library has more users, there will probably be many hitches around). Hitch is very well-documented, has examples and it works on all modern browsers..

Compatibility: All Modern Browsers
Website: http://hitchjs.com/
1 2 3 4 5 20

Pin It on Pinterest

Share This