Posts mit dem Label UI werden angezeigt. Alle Posts anzeigen
Posts mit dem Label UI werden angezeigt. Alle Posts anzeigen

Donnerstag, 8. Juli 2010

An UI Framework for (the front-end) of Websites

There are many nice User Interface Frameworks for the Web. Some of the are made for Java (and they do a pretty good job of deuglifying it - at least for the user) but most of them can be used for every architecture, because they base solely on JavaScript (and / or JavaScript Frameworks like JQuery, MooTools, etc.) and CSS. Here's a list of a few of them.


While those Libraries are all very good and contain lots of widgets and other nice things - they are also big, hard to (learn to) use and did I say big? They are huge!

If you're designing a CMS backend or an enterprise intranet solution you just have to use one of them. But if you're "just" designing a "mid-range" website and you just like to provide a little more User Experience, those framworks / libraries are just overkill.

Now, whats the first thing you need if you start to build a website (from scratch)? A nice layout. Now there are a few options... you could spend some time building a CSS based cross-browser layout, you could just slam in a table or you could use a CSS framework. There are some very interesting, grid based CSS Frameworks. My favourite is blueprint - there are others, just do a google for "css frameworks".

Now long story short - i slammed together a little, let's say, website template, or website starter kit. This template (or kit) contains my micro ui widgets for jquery and a modified blueprint css framework.

Check a demo out here.

Now keep in mind: This is a work in progress and I'm creating this template for my own use (as well as for anyone's who likes it).

Download the package here.

Now run along and create a beautiful website!

Donnerstag, 24. Juni 2010

List bullets for your HTML

I got bored with the usual List Bullets on a recent Project of mine - so I created a few new ones. Here they are


Black bullets in action: Watch here.
White bullets in action: Watch here.
Transparent bullets in action: Watch here.

Download the full pack here.

Freitag, 14. Mai 2010

Beautiful icon sets for web and application development

Following a list of beautiful icon sets I like to use for web and application development.
Pinvoke Fugue Icons


2'800 Icons
16 x 16 px
PNG file format



FAMFAMFAM Silk icons

700+ Icons
16 x 16 px
PNG file format

Silk Companion
adds 460 + icons to silk



PixeloPhilia


66 Icons
32 x 32 px
PNG file format



Sweetie Base-Pack


160+ Icons
8 x 8 - 24 x 24 px
PNG file format (8 and 24 bit)
PSD file format
Download Here



Vaga

60+ Icons
16 x 16 px
PNG file format
Download Here



Circular Icons

100+ Icons
16 x 16 px
PNG file format
Download Here



BWPX Icons


250+ Icons
18 x 18 px
GIF file format
Download Here



Splashy Icons


483 Icons
16 x 16 px
PNG file format
Download Here



LED Icon Set


500 Icons
16 x 16 px
PNG file format
Download Here




MONO Icons
108 Icons
32 x 32 px
PNG file format
Download Here



Farm-Fresh Web Icons


1000 Icons
16 x 16 and 32 x 32 px
PNG file format
Download Here




WOO Functions


178 Icons
32 x 32 px
PNG file format
Download Here



Token


126 Icons
16 x 16 - 256 x 256 px
PNG file format
Download Here



Free Web Design Icon Set 


310 Iccos
16 x 16 px
PNG file format
Download Here



Flavour Extended


452 Icons
48 x 48 px
PNG, PSD file formats
Download Here


Boolean: The Pixel Icon City


100 Icons
16 x 16 px
PNG file format
Download Here

Montag, 10. Mai 2010

Office 2010 Buttons

Those are some buttons in the png format (normal, hover and pressed state). They kinda look like the buttons in Microsoft Office 2010.

Download here

Socialize!