iWebKit is an open source toolkit for creating iPhone / iPod compatible websites very easily & quickly.
It is simplicity lies under the usage of basic html that anyone can edit rather than more complicated Ajaxed solutions.
The toolkit has support for:
- iPhone-style form elements (like on/off checkboxes)
- pop-ups
- fullscreen
- & more..
It is possible to theme the interface besides the standard iPhone theme & the download package comes with various ready-to-use themes.
And, websites created with iWebKit are compatible with the latest iPhone OS 3.0.
Requirements: No Requirements
Compatibility: iPhone & iPod
Similar to the IE6 situation, when using HTML5/CSS3 in our websites, it is a good idea to offer non-problematic outputs to web users with older/non-standard browsers.
Modernizr is a JavaScript library that uses feature detection techniques to determine whether or not the current browser is capable of CSS3 and HTML5 features like rgba(), border-radius, CSS Transitions & more.
It enables you to write pseudo-IF/ELSE statements in your CSS &, if wanted, it is possible to wirite conditional statements in JavaScript with the help of a "Modernizr JavaScript object" created.
Also, Modernizr adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as <section>, <header> and <dialog> without having to worry about them not working in Internet Explorer.
Web Elements Kit is a set of 17 frequently used web design objects that comes in PSD format.
It can be used for easier prototyping or updated easily to create completely unique outputs.
There are 17 elements like:
- tabbed content
- sliders
- newsletter form
- buttons
- & more
which are well organized, labeled & comes with various color variations to choose from.
Elements are offered in two ways: a single PSD file that contains all of them & PSD files for every object.
Quartz Icon Set is a collection of 90 simple but stylish icons that are in 64*64px size & PNG format.
The set contains icons from "files/folders" to main website objects like "search, home, download" or social bookmarking ones.
They are free to use in both personal 6 commercial projects.
P.S. Thanks very much to Andy Gongea, the designer of the set, for the suggestion. And, the set is also shared on his website.
BlueTrip is a CSS framework which aims to combine:
to provide you a sensible set of styles and a common way to build a website so that you can get right to designing.
Some features of BlueTrip:
- 24-column grid
- sensible typography styles
- clean form styles
- a print stylesheet
- an empty starter stylesheet
- chic buttons
- status message styles
To see the framework in action, check the demos.
Requirements: No Requirements
There are various CSS frameworks which offer a grid system, a style reset, basic typography, form styling & more.
But, if you only need a lightweight grid framework to build the skeleton of your website, take a look at the 1Kb CSS Grid.
It supports both fluid grids besides the fixed-width ones and nested rows can be created.
The website of the framework provides a generator to customize the grid & download the CSS easily.
Also, Usability Post has a very detailed introduction to the 1Kb CSS Grid in 3 steps. To dig the details, make sure you check them:
Pictaculous is a free web-based service which generates the color palette of an image you upload.
And, it provides color palette suggestions from Adobe Kuler & Colourlovers which can be used with the image.
Once the color palette is created, it can be downloaded as an Adobe Swatch file.
Pictaculous also enables you to send the image & get results via e-mail (which is nice for using the service in phones).
LESS is a Ruby gem which compiles the LESS code to CSS & extends css by adding variables, mixins, operations and nested rules.
It uses the existing CSS syntax. So, it is very easy to convert current CSS files to LESS files & there is almost no learning curve.
To help understand better, here is an example:
@brand_color: #4D926F;
#header {
color: @brand_color;
}
h2 {
color: @brand_color;
}
LESS is well-documented & source can be found here.
Free Stock Textures is a fresh website presenting 680+ high quality textures that are ready to download.
It presents totally new textures as all the photos used are taken by the website owners: Paul Wozniak and Eva Sajdak.
Textures are very well-categorized like grunge, metal, stone & best of all, they can be browsed by color as well.
They can be used on both free & commercial use (for any type of artwork).
Origami Icons is a set of 15 sticker-like & beautiful icons that comes in 5 different sizes (16px, 32px, 48px, 128px, and 256px) as Windows ICO and 32-bit transparent PNG files.
It includes popular icons like chart, calendar, e-mail, search, save & more. Also, to create new ones or edit them, the Adobe Illustrator (AI) file is in the download package too.
P.S. They are free to use in both personal & commercial projects.
