50 Beautifully Dark Web Designs

Oct 26 2008 by Jacob Gube | 83 Comments

Selecting colors for a site is one of the most crucial parts of web design. The color palette can evoke certain types of emotions in a user and sets the tone for the user’s experience while perusing the site. Websites with dark colors can represent "non-mainstream", "elite", and "unconventional".

The use of dark backgrounds also centers the attention towards the content, making it an effective theme for portfolios, image galleries, and design-centered sites.

In this collection, you’ll find some of the best dark-themed web designs. This is the second part of the "Beautiful Web Designs" series that starts off at "30 Beautifully Blue Web Designs".

Starbucks Coffee At Home

Starbucks Coffee At Home - screen shot.

continue reading »

Innovative (and Experimental) CSS Examples and Techniques

Oct 22 2008 by Jacob Gube | 21 Comments

CSS doesn’t always have to be serious business. In this article, you’ll see 25 fun, novel, and experimental CSS techniques and demonstrations.

Note: some of the techniques and examples discussed here may not validate, cannot be rendered correctly by some browsers, and may not conform with standards-based design and development. Many of the techniques shown here are for exploration only.

Transparent CSS Menu Drop-down

Transparent CSS Menu Drop-down screen shot.

continue reading »

20 Exceptional Websites for Learning Adobe Illustrator

Oct 19 2008 by Jacob Gube | 30 Comments

Adobe Illustrator is the industry-standard when it comes to scalable vector artwork. As a designer, Illustrator is the right tool for graphics that need to be scaled. A prime example are logos which often need to be adapted for small mediums such as business cards, larger mediums like billboard signs, and converted to grayscale or black and white for mediums such as newspapers.

In this collection, you’ll find 20 excellent websites and blogs that provide high-quality tutorials and information on vector illustration and Adobe Illustrator.

1. Vectips

Vectips - screen shot.

continue reading »

20 Websites to Help You Master User Interface Design

Oct 15 2008 by Jacob Gube | 56 Comments

As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users. Form, more than ever, has been superseded by function.

The following websites deal with interface design, user experience, user-centered design, usability, and everything in between – all with the goal of enhancing the user’s interface.

1. Boxes and Arrows

Boxes and Arrows - screen shot.

continue reading »

30 Beautiful Photoshop Illustration Tutorials

Oct 12 2008 by Jacob Gube | 25 Comments

Illustration is usually done in vector graphics applications like Adobe Illustrator or CORELDraw. But with the robustness of Adobe Photoshop, designers who don’t have access to vector graphics software can achieve vector-like objects and compositions with it.

In this collection, you’ll find 30 brilliant illustration/drawing tutorials using Adobe Photoshop from top-notch Photoshop tutorial sites.

1. Floating in Air USB Key Illustration

Floating in Air USB Key Illustration - screen shot.

continue reading »

15 Tools for Monitoring a Website’s Popularity

Oct 10 2008 by Jacob Gube | 153 Comments

As a web designer or developer building a site, it’s helpful to first scout similar websites (i.e. the competition) to help you make design and development decisions. Knowing what websites work and which ones tank can give you insights and inspiration on what design elements, website features, and website content is effective.

To help you in your analysis, here are 15 top-notch, free, and simple web tools to help you learn more about a particular website.

1. Yahoo! Site Explorer

Yahoo! Site Explorer - screen shot.

continue reading »

6 Exceptional Web-based Image Editors

Oct 6 2008 by Jacob Gube | 49 Comments

Web-based image editors have several advantages to its desktop counterparts. The most obvious benefit is that they allow you to work on any computer (that has a browser). In most cases, you can save your work online, avoid having to install desktop software, and interface with other web based services such as Flickr or Picasa. This article shares 6 of the finest, free online image editors that are capable alternatives to desktop applications like Adobe Photoshop and GIMP.

1. Pixlr

Pixlr - screen shot.

continue reading »