Category Archives: Design

Design (And More) Spotlight: Webmonkey 2.0

Webmonkey, around sine 1996, is one of the most well-known and long-running web development sites. Their blog was one of the first blogs I read, and the first one that I subscribed to via RSS. Some changes have been happening lately over at Webmonkey. They’ve been purchased by Condé Nast, the parent company of Wired Magazine, and they’re restructuring their site.

Let’s start with their blog. When it launched, it was known as Monkey Bites. Eventually the blog was moved over to Wired.com, where it ran for awhile before being renamed to “Compiler.” The blog is, once again, known as Monkey Bites, and is now residing at webmonkey.com/blog and it’s integrated more tightly with Webmonkey than ever before.

The WebMonkey site itself is now a wiki. What used to be a repository for tutorials penned by HotWired’s designers and developers is now opening-up and allowing anyone who knows what they’re talking about to submit articles to be included. It looks like WebMonkey is moving forward into the 21st century, making an effort to keep up with today’s technologies, instead of staying a dusty collection of out-of-date tutorials.

Now, let’s move on to the design.

Continue reading →

Fixed vs. Liquid Layouts

This is yet another web-related topic that gets people arguing. Not quite as bad as “Mac vs. PC,” it really gets some people going. Which is better, a fixed-width layout, or a fluid one that resizes to fit the browser window. Unlike some people,…

32 Lightweight Designs

Once again, I’ve been skimming through the design galleries and looking through notes and bookmarks in search of noteworthy designs. This time around, I’ve put together a collection of light designs. While more graphic-heavy designs may look great, simplicity and whitespace can go a…

Elements of Design

Most design galleries showcase interesting/well-designed/etc web designs. Elements of Design is not like them. Brought to you by the Smiley Cat Web Design Blog, Elements of Design focuses on individual elements of designs. Some examples include: Search boxes Comments and Comment Forms Pull Quotes…

Web Resources Depot Admin Template

Web Resources Depot has released a free Admin Template for use in web apps. It’s a three-column design with a row of tabs, for navigation, along the top. With some modifications, it would work well for a web application, if you were developing one.…

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

Noupe has done it again. Their latest post, Using CSS to Do Anything: 50+ Creative Examples and Tutorials, is a truly monster-sized list. The list includes The styling of lists Forms, and their child elements Various navigational menus CSS Image Galleries Rounded corners Speech…

CSS Pullquotes

Pullquotes are used in most magazines, and many websites have adopted the use of them. They are named thus because they are short excerpts pulled from the article, and highlighted to draw your attention. This technique it great for long, wordy articles, since you…

Matt Mullenweg’s New Design

Matt Mullenweg has just redesigned his blog. First impression: “My eyes!” The oranges, greens, and blues are really shocking if you were expecting the old, more tame design.

Sidebar Spring Cleaning

Is your sidebar getting out of hand? It’s good idea to go through it a few times every year, and clear out the clutter. First, rank everything in the sidebar by order of importance. See what your users need to see, and what you…

CSS Blockquote Styling

The (x)html tag blockquote is generally used for, surprise, block-level quotes. For such a useful tag, it’s kind of plain looking, don’t you think? Why not spice it up a bit with some CSS? This is an example blockquote, after applying some styling. Make…