Here is a simple hand drawn UI kit that I use for some client wire frames.
Fonts used can be found here and here
DOWNLOAD IT
hand drawn UI kit by Mmeininger
We have all seen stunning examples of long vertical pages in well known social sites like Twitter or stunning parallax examples like this site to promote the film, Life of Pi. Here is a great article from smashing magazine about infinite scrolling and extended vertical layouts.
While there are many grid generating sites and programs out there. I had to adjust them to fit my style and familiarities. This is very useful for the typical 3 bucket/ 3 column layouts.
Click below to download the psd template that I use for web design.
Download this vector file now. Courtesy Michael Meininger.
Click the link below to download.
RWD or Responsive Web Design can be best summed up through a demo from the good folks at finecitizens.com
With responsive web design becoming the normal. I thought I’d make a collection of resources containing everything from templates, themes, articles and even a dashboard to create CSS responsive sites.
What is Responsive(or Fluid) Design?
According to Wikipedia- Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
