Designer Sandbox » Inspirational

POLYGONAL PORTRAITS by FEEL DESAIN

Vincent — Sun, 27 Nov 2011 07:08:35 +0000

This is some amazing design, love this poly project by feeldesain.
To see more of this amazing art, you can view the original post by clicking here.
Original Post by feeldesain

No Related Posts

Social Engaging Email Entry Form – Enter to Win with Social Network Enable

Vincent — Thu, 24 Nov 2011 15:17:30 +0000

AppSumo recently had just launched an social engaging email entry form. The enter to win form is pretty simple, but what they have done is pretty smart. Each of the user can enter to the contest with 1 entry. The first entry ticket are trigger by your email address but there’s more.

After you have submitted your email address, then you will land on the social engaging form/app. There’s 5 other ways you can earn more entry, more entry from your email meaning more chance you are going to win from the contest. You can share of Facebook, tweet about it on Twitter, Follow the brand on there twitter account, Like them on Facebook, copy & paste a short paragraph along with link to your facebook wall. So each user will have 5 more chance of winning.

You can check out the entry form from here.
http://www.appsumo.com/spotify/ (Contest Ends December 16th, 11:59PM CST)
If the entry had ended, you can still check out from here, we did all the screen capture for you.

Some more of the form.

This is a very fun and in-directive way to engage your user.

Need Help or idea on your next project, do you need a coder for your next social engaging form?

We do accept freelance and consultation work on social engaging development.
The freelance and consultation price for social engaging development are USD50/hr*
*Minimum charge will be USD100, the form usually take 4 hours to build. This will depends on how much engagement you need from your targeted social network.
Interested Party please email us at info[a]designersandbox[dot]com

500+ CSS/HTML Grid Layouts (Grid System)

Vincent — Thu, 24 Nov 2011 05:53:44 +0000

“You need options. Anyone that’s spent time collaborating on web design projects knows that every developer has their own processes — even with best practices being observed there is variation in techniques. So your CSS library should give you more than one way to attack a problem.

Website layouts can be a serious pain, but CSS gives you a great deal of flexibility in how you approach the layout issue. Often the home page needs a grid design while post pages have a three column layout, with other formats for custom pages. With CSS layouts already in place, you can quickly implement a layout and change as needed.

The following is a collection of layout libraries you can add to your own with multi-column static and liquid layouts. Enjoy and let us know which ones you like best!”

by “Tara Hornor”

Customized Fluid/Variable CSS Grid Generator by Spry Soft

http://www.spry-soft.com/grids/
Static not good enough for ya?! No problem. Fluid/variable grids are easy to make with this site.

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

20+ CSS Layouts by MaxDesign

http://www.maxdesign.com.au/articles/css-layouts/
With excellent markup walk-thrus and the sample CSS on-page, this set of CSS layouts will be easy to see in action and almost as easy to implement.

40 CSS Layouts by Layout Gala

http://blog.html.it/layoutgala/
Previews are available for each format and you can even download the entire collection in one file.

250+ Layouts by Free CSS

http://www.free-css.com/
This is a massive list with just about every layout imaginable. Preview and click again to download. The CSS is stripped down so there’s lots of room for tweaking.

50+ Fixed Width Layouts by Code Sucks

http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/
Click to preview and click to download. These layouts are simple with nicely developed whitespace. Worth checking out and easy to modify.

10+ Unique CSS Layouts by Intensiv Station

http://www.intensivstation.ch/en/templates/
While on the sparse side in terms of the quantity, this collection includes some impressive tricks like floating menus and dynamic centered boxes worth having on hand.

40+ CSS Layouts by Dynamic Drive

http://www.dynamicdrive.com/style/layouts/
This site has organized their CSS layouts by two-column, three column, fixed, liquid, and frames. Each has a nice description and the ability to preview before downloading.

15+ Interesting CSS Layouts by The Noodle Incident

http://www.thenoodleincident.com/
This site has a unique way of guiding you thru the process of picking the layout you want. Follow the arrows, select your design, and download.

Customized Static CSS Grid Generator by Grid Designer

http://grid.mindplay.dk/
It doesn’t get much easier than this. Just set up the grid you want using the on-page tools and download your template.

Motion Graphics in the User Interface – Meaningful Transitions

Vincent — Wed, 23 Nov 2011 17:21:06 +0000

Meaningful Transitions – Motion Graphics in the User Interface« deals with the use of animations in the user interface. It documents transitions in a clustered way to show at which point transitions can be a helpful extension to a static user interface, because of cognitive benefits to enhance the user experience.

The purpose of Meaningful Transitions is to illustrate the process of the interaction and the structure of the user interface. They focus on specific events, or clarifying the user’s interaction by animation. All transitions are divided into six categories in order to differentiate between their application. The aim is to present a scaleable collection of existing transitions. The transitions are shown in an abstract visualization to clarify their purposes, these visualizations also contain concrete examples. A closer look at a transition offers more information on the field of use, the mental model, the consistency, the cognitive benefit, and the illusion. see more

But too bad the transitions are all done in flash. If anyone can make all the Transition Motion into jQuery, it will be awesome to see this happen in the near future.
http://www.ui-transitions.com/

15 Creative Google+ Business Pages with framed photo banner

Vincent — Fri, 18 Nov 2011 07:03:31 +0000

Since the launch of Google+ page, there’s a lot of brands doing smart banner work with the system. Here’s some inspiration for your own business page+. Framed Image Banner, the idea are kinda like window shopping. I would love to see some of the department store use this well, I believe it’s a great design idea to create banner that fit to the window shopping idea. Specially Christmas is around the corner. Let’s have a look at this amazing google+ business pages now.

Don’t forget to tell me which of this you like the most?
Personally I like “The Muppets, Nissan and Android”.
Wishing Apple would land on google+ soon, so we can see what they can come up with.

60 Amazing Dark Website Designs – Welcome to The Dark Site

Vincent — Thu, 17 Nov 2011 08:05:56 +0000

As a habbit, we always tend to tell our clients to stay to Black on White. because dark websites is hard to pull off, making content readable and image not popping to obvious (IT IS HARD). It is also harder to manage the white-space(dark-space) with dark website, there’s border-less to a pure dark theme. Strong Typographic sense are a key to all web design. Hope you like this as much as I did, be sure to leave a comment on which you like the best.

Designer Sandbox » Inspirational

POLYGONAL PORTRAITS by FEEL DESAIN

Related Posts

Social Engaging Email Entry Form – Enter to Win with Social Network Enable

Need Help or idea on your next project, do you need a coder for your next social engaging form?

Related Posts

500+ CSS/HTML Grid Layouts (Grid System)

Customized Fluid/​Variable CSS Grid Generator by Spry Soft

20+ CSS Layouts by MaxDesign

40 CSS Layouts by Layout Gala

250+ Layouts by Free CSS

50+ Fixed Width Layouts by Code Sucks

10+ Unique CSS Layouts by Intensiv Station

40+ CSS Layouts by Dynamic Drive

15+ Interesting CSS Layouts by The Noodle Incident

Customized Static CSS Grid Generator by Grid Designer

Related Posts

Motion Graphics in the User Interface – Meaningful Transitions

Related Posts

15 Creative Google+ Business Pages with framed photo banner

Google Plus Android Page

Google Plus BBS News Page

Google Plus Google Chrome Page

Google Plus Gmail Page

Google Plus House Page

Google Plus NASA Page

Google Plus Nissan Page

Google Plus Pepsi Page

Google Plus Save the Children UK Page

Google Plus The Muppets Page

Google Plus Toyota Page

Google Plus Trump Media Page

Google Plus Virgin Page

Google Plus Toyota USA Page

Google Plus Yahoo! Page

Related Posts

60 Amazing Dark Website Designs – Welcome to The Dark Site

Todd Adams – 61Pixels

Mr. Henry – Blog

Bond Makeover

Bristol Street Art

Colmar Brunton

Ekin Yalgin

Eric Steuten

James Garner

Jonah L

Kike Riesco

Mathieu Clauss

Moksha Design Studio

Nue Media

Private Grave

Scribble & Tweak

SongClash

Stesha Doku

tehCpeng

unaghii

JOS Creative Studio

Pop Labs

The Photo Argus

Ryan McMaster

Oink Fu

Ronnie Wright

Asvalia

The Art of Seduction

Web Design World

Zaum & Brown

Best of Video Sites

Charlie X

Justin Cline

Carbon Aspect

Camilo Holguin

A Word From HIS Word

Tyler Gaw

Tanq

Texture Lovers

The Archer Group

Fred Maya

PSD Layout Design

ExpressionEngine and CodeIgniter Conference

Two 24 Studios

Customized Fluid/Variable CSS Grid Generator by Spry Soft