Box-shadow, one of CSS3′s best new features

The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset.

You can also layer multiple shadows!

0 notes

Paper Prototyping

Depending on the language you write in, prototyping be flat out cumbersome.  It is common for most of us to develop the shell of a system to help a decision maker see their ideas take shape.   This can be frustrating when they are still determining if they wanted to move forward on a particular design.  One solution to that is Paper Prototyping.

Paper Protyping is the process of writing the user interface out on paper as a means of organizing ideas.  The only tools required are pencil and paper.

The best part about Paper Prototyping is that it is:

  • Quick to create
  • Low cost
  • Great for brainstorming
  • Something anyone can do

0 notes

Slicebox – A fresh 3D image slider with graceful fallback

With the CSS3 3D transformations we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.

0 notes

3 Easy and Fast CSS Techniques for Faux Image Cropping

This article is a summary of a 3 fast and easy CSS techniques you can use to display only a portion of an image in your content. All techniques explained here actually need only couple of lines of…

0 notes

Simple Way to Random Display or Rotate Content Using JavaScript and CSS

In a project I did recently there was a need for randomly displayed content in form of one of those “Did you know” tips. There were 8 to 10 paragraphs of text and client wanted to display just one…

0 notes