Quantcast

Archive of Web Design

16Jul2010
Author
Deni Permana
Category
Web Design
Tags
, ,
Wireframing tools for Designer and Developer Thumbnail

Wireframing tools for Designer and Developer

Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout.Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing.

Read MoreView Comments
30Jun2010
Author
Deni Permana
Category
Inspiration, Web Design
Tags
,
50 Powerful Time-Savers For Web Designers Thumbnail

50 Powerful Time-Savers For Web Designers

Being a web designer is not easy. Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results.And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. And this is why we keep collecting them for Smashing Magazine’s readers. Whether you like lists or not: this one will probably help you find those little nuggets out there that will help you avoid headaches and stress. Below we present useful time-savers for web designers.

Read MoreView Comments
18Jun2010
Author
Deni Permana
Category
Tutorial, Web Design
Tags
Sexy Image Hover Effects using CSS3 Thumbnail

Sexy Image Hover Effects using CSS3

HTML[html] <div class='img' id='img-1'> <div class='mask'></div> <img src='http://www.nikesh.me/image/01.jpg' /> </div> <div class='img' id='img-2'> <div class='mask'></div> <img src='http://www.nikesh.me/image/07.jpg' /> </div> <div class='img' id='img-3'> <div class='mask'

Read MoreView Comments
18Jun2010
Author
Deni Permana
Category
Inspiration, Web Design
Tags
,
48 Examples of Excellent Layout in Web Design Thumbnail

48 Examples of Excellent Layout in Web Design

Beautiful graphics and colors are great and play a big part in web design, but most would agree that the backbone of a solid user experience is the layout. After all, what good is all of the eye candy if one can not easily read and digest the content. There is nothing better than opening a perfectly organized and readable website – a page where the layout invites you to browse the site’s

Read MoreView Comments
17Jun2010
Author
Deni Permana
Category
Inspiration, Web Design
Tags
34 Inspiring iPad Application Websites Thumbnail

34 Inspiring iPad Application Websites

A while back we published an article showing you 50 Inspiring iPhone Application Websites. Since then, we’ve seen the launch of Apple’s iPad along with thousands of apps designed just for the device. This means that just like the iPhone, many of these iPad applications have their own website for promotion. So in order to bring you more inspiration, we’ve sifted through them and found 34 of the best.

Read MoreView Comments
15Jun2010
Author
Deni Permana
Category
News, Web Design
Tags
,
10 Features to Look Forward to in WordPress 3.0 Thumbnail

10 Features to Look Forward to in WordPress 3.0

WordPress 3.0 is scheduled to be released within the next 30-60 days. There are some great new features coming, including custom post types, a new default theme, and a menu manager. Read on to find out what to expect in version three! 1. Choose your Username and Password You’ll encounter new features as soon as you start! Currently, when you first install WordPress, you are assigned a

Read MoreView Comments
15Jun2010
Author
Deni Permana
Category
Multimedia, Web Design
Tags
,
5 Tools For Integrating HTML5 Video in Your Website Thumbnail

5 Tools For Integrating HTML5 Video in Your Website

No matter where you sit in the HTML5/Flash debate, the fact is, more and more mobile or low-powered devices are being shipped either without or with very minimal support for Flash video. Web developers who design sites that utilize video need to be cognizant of this reality and design and build their sites accordingly.While it’s great that video hosting services like Vimeo and YouTube

Read MoreView Comments
15Jun2010
Author
Deni Permana
Category
Graphic Design, Web Design
Tags
,
17 Fresh Web Tools for Working with Colors Thumbnail

17 Fresh Web Tools for Working with Colors

olor is a design tool that sets the tone, theme, and mood of a visual project. The colors you use greatly impacts how your design is perceived by its viewers.Below are some handy web tools to help you choose the perfect colors for your designs. This post follows up on a Mashable post published close to three years ago called "COLORS TOOLBOX: 20+ Tools For Working With Colors," which you

Read MoreView Comments
15Jun2010
Author
Deni Permana
Category
Web Design
Tags
The Future of Web Fonts Thumbnail

The Future of Web Fonts

Over the last 15 years, web design and development has evolved tremendously. The introduction of CSS, advancements with HTML, the ever-increasing power of JavaScript, and technologies like Flash and Silverlight, have made the visual world of the 2010 web very different from the web from even five or six years ago. Except of course, for typography.Typography is an important design element

Read MoreView Comments
13Jun2010
Author
Deni Permana
Category
Graphic Design, Tutorial, Web Design
Tags
Pure CSS Reflections Thumbnail

Pure CSS Reflections

Many might not be aware that, with CSS, we can achieve reflections quite easily in all webkit-based browsers, which represent roughly 20% of all browser usage. The key is in the vendor-specific, -webkit-box-reflect property. I’ll show you how to use it in today’s video quick tip!Source:

Read MoreView Comments