Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs and is the author of The Smashing Idea Book: From Inspiration to Application.
Regardless of the tool you choose, testing early and often during the Web development process can save you from a lot of headaches later. Find a tool that fits your workflow with a little help from Cameron Chapman.
Read more…
Intellectual property rights are often confusing and sometimes the topic of heated debates. There are those who question the worth of creative products and projects, claiming design and art are something anyone can do, regardless of training, experience, or any inherent ability. As creatives, a deterioration of intellectual property rights is a dangerous possibility. By going public with our work, we have no recourse to prevent others from using our designs, our photos, or our other artwork without paying us or even offering proper credit.
Read more…
It’s nearly impossible to provide an accurate quote to a prospective web design client without first gathering information about what that particular client needs. Some designers do this in either a face-to-face meeting or over the phone, but more often, they have a questionnaire that prospective clients fill out. This is preferable for a couple of reasons, but the most important is probably that this document then becomes an integral part of the design process and is available to refer back to along the way.
Read more…
It seems that new posts about what the Internet has in store for us down the road pop up every week or two. Some propose that the Internet will deliver more of the same, but different somehow (it’s usually ambiguous just how), while others propose such radical changes that it’s hard to believe they could ever happen. And the truth is, none of us really know what will happen with the Internet in 10 or 15 years.
Read more…
Think of Tumblr as micro-blogging on steroids (technically, it’s called “tumblelogging”). Whereas Twitter and similar services limit posts to 140 characters or less, Tumblr lets you post updates of any length, although it’s best suited to short-format posts. Tumblr bridges the gap between full-blown blog and micro-blog.
Read more…
Members of military and intelligence forces around the world risk their lives daily to defend their countries and assist in peacekeeping and aid missions both at home and abroad. The men and women who make up the world’s defense forces make sacrifices that most civilians wouldn’t consider to serve their countries.
So, with everything they do for us, shouldn’t they be represented online by website designs that reflect the honor and responsibility they undertake every day? Unfortunately, that’s not the case in many countries out there. Many military websites out there are some of the worst designs in any industry. Whether they’re outdated, broken or designed by amateurs, some of the websites showcased below are bad enough to make you cringe.
Read more…
We all have an increasing number of sites and online services we’re members of, and sometimes it all gets a little overwhelming. At times, we just need to delete our memberships to some sites, either in an effort to simplify our lives or just because we’ve grown tired of a particular site or service.
Read more…
In any industry where the people behind a company are as important as the company itself, you’re likely to find a kind of expanded “about” page that includes information on individual employees. “Meet the Team” pages are popular among web design and other creative firms, but are also found on sites within various other industries. These pages are a valuable addition to any site where human contact is an important part of the industry. It adds a personal touch to the company and can lend trust to visitors.
Read more…
The archive is one of those often-overlooked parts of a website that doesn’t get the attention it deserves. Too often it’s thrown on a page that’s no different from any other page on the website, or it’s ignored altogether. The archive offers a lot of room for creativity, though. Whether you opt for an abbreviated one in the sidebar or footer or devote an entire page to it, the archive an opportunity to make your design stand out.
Read more…
In this article, Cameron Chapman presents a number of principles of minimalist design, as well as an exploration of current trends and additional examples.
Read more…
Many developers and designers want to release their work into the world as open-source projects. They want others to be able to build on and share their code. The open-source community is vibrant because of this. Open-source software is available for virtually any application you could think of. Most designers use open-source software or code on a regular basis (WordPress, Drupal and many other CMS’ are open source).
Read more…
We’ve collected more than 100 best practices for designing modern websites, from blogs to portfolios, covering everything from CSS and coding to images, graphics, and typography. Along with the practices themselves are resources for more information and examples of the practices themselves to help you visualize what we’re talking about.
Read more…
College and university websites have a lot of roles to fill. They need to provide information for prospective students (both new and transfer), parents of students and prospective students, current students, and alumni. In many cases, they’re also the gateway to the school’s intranet and the public face for both academics and athletics. They often need to include reams of information in a way that makes everything easy to find. It’s a huge challenge.
And the truth is: most collge and university websites are horribly designed. Either they look like they were designed fifteen years ago and then forgotten about, or they’re so overloaded with information that it’s almost impossible to find what you’re looking for.
But not every college or university website is horrible. There are some excellent sites out there, and below are some of them. If you know others, please share them in the comments to this post!
Read more…
A Pattern Language is a book about architecture that was written in the 1970s, before the Web as we know it was even conceived. But the book provides hundreds of valuable patterns for community planning and architectural design, many of which can easily be applied to online communities and social networking websites.
Read more…
Inspiration can be a fickle thing. Most designers, when lacking ideas, turn to design galleries to find ideas. But there are a few problems with that approach. The most obvious is that when taking inspiration from similar mediums, there’s a fine line between “inspired by” and “copied”. [Links checked March/06/2017]
Read more…
To use color effectively, you’ll need to understand color concepts and terminology, such as chroma, saturation, value, tones and shades.
Read more…
Let’s dive into color theory. We’ll discuss the meanings behind the different color families, and give some examples of how these colors are used.
Read more…
Deciding what to do once you’ve purchased a domain but haven’t yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host’s generic page seems unprofessional, especially if you’re trying to drum up advance press for your new project. At the same time, you don’t want to spend too much time on a temporary page when you really should be working on the website itself.
Read more…
In addition to font stacks, we can replace the heading text with an image, embedded font, or bit of Flash? The methods described below are easier than they sound. And the end result is that the vast majority of users will see the beautiful typography you want them to see.
Read more…
Selling online can open up huge new markets for many businesses. When your store can be open 24⁄7 and you can reach a global market without the costs of mailings and call centers, it can be a huge boon to your business. But there are plenty of things to consider when designing an ecommerce site. It’s not as simple as throwing up some shopping cart software and plopping products into a database.
Read more…
What would you do if you were suddenly stranded on a desert island in the middle of nowhere, with only a USB drive, a dial-up internet connection, and a barebones computer with no software outside the operating system installed? Of course, you’d use the internet connection to call for help first, but what about after that? How would you keep your design business going?
Read more…
CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks tools auto-recommend or go even more basic by just specifying a single web-safe font. But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you intend without showing everyone else a default font.
Read more…
Time management is one of the most important skills a freelance worker can learn. With a good time management system you can easily find the time to do the things that are important to you, whether in your professional or personal life.
Read more…
Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time. Many visualizations focus on representing a specific set of data or statistical information. Others focus on less-concrete topics, providing a visual representation of abstract concepts.
Read more…
Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer.
Read more…
There are thousands of good websites out there offering web design and development tips. It’s a bit much to sift through in most cases. There must be an easier way. Enter the email newsletter. What could be better than sitting back and waiting for the newest design and development news to be delivered to your inbox? Here is a rather short list of great newsletters devoted to web development, design, and related topics.
Read more…
CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer.
Read more…
CSS is one of the most important building blocks of modern web design. Standards demand the use of CSS for formatting and styling pages, and with good reason. It’s lighter-weight and capable of much more than older methods like table-based designs.
Read more…
The beauty of code snippets is their ability to save you time when developing a site. Whether you keep a file with your own often-reused snippets or turn to one of the many online repositories, snippets can really speed up your site development.
Read more…
CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.
Read more…
According to Nielsen Online, social networks and blogs are now the 4th most popular kinds of online activities. 67% of the world online population are now visiting them and the time they’re spending on them is growing by three times the overall growth rate of the internet. Social networks are now visited more often than personal email is read. Some social networks have grown to such enormous proportions that they rival entire countries in terms of population—if Facebook, for example, was a country, it would be the fifth-most-populated in the world (right between Indonesia and Brazil).
Read more…
Dealing with clients, designing prototypes, coding, programming, and testing — there’s a lot to keep track of and a lot to make sure gets done.
Read more…
Almost everyone out there who runs a website has toyed with the idea of selling ads on their website. So many options are available. Dozens of ad and affiliate networks exist, and you have different ad formats to consider. Should you sell text ads or banner ads? Should you allow Flash ads? What about ads with sound, pop-ups or floating ads? People have so many decisions to make that they often just end up slapping on some AdSense code and calling it a day. And that’s fine.
Read more…
Every website has to perform maintenance at some point or another. Whether it’s just to upgrade a portion of the site or because of some problem with the site, it’s an inevitable fact of website ownership. And in many cases, maintenance requires taking your site offline for at least a few minutes.
Read more…
There are specialized terms referring to all sorts of aspects of web design. For someone just getting started in web design, or someone looking to have a site designed, all the technical jargon can be overwhelming. Especially the acronyms. Below is a guide to industry terms that should get you well on your way to understanding what web designers are talking about. In addition, we’ve provided some resources for each term to give you more in-depth information.
Read more…
Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts, colors, and other design elements. But often a non profit website needs to offer more than your typical corporate site.
A non profit’s website needs to make it easy to find out more about their cause, to donate money, and to become more involved. It needs to make it easy for media contacts to find the information they need and the contact information of key personnel. And it needs to do all this in a way that’s inviting to the organization’s targeted donors and/or volunteers.
Below are a list of best practices for designing non profit websites followed by some examples of non profit websites that are getting things right.
Read more…
WordPress is often thought of as just a blogging platform. But it’s capable of so much more. Even WordPress’ documentation includes an entire section on using WordPress as a content management system. Because WordPress is such an easy-to-use platform, it makes sense to consider using it as a platform to build just about any kind of website, a portfolio website included.
Read more…
Making the switch from print publishing to digital publishing is a big step. But as costs for everything from paper to shipping increase, making the jump to digital is becoming more appealing to publishers of both newspapers and magazines. It’s a complicated process, though, and if not executed effectively, it can leave readers feeling alienated and disenfranchised.
Read more…
FTP’ing is a fact of life for Web designers and developers. Some Web design programs have built-in FTP utilities, but they may not always quite meet your needs. Sometimes you just want to upload a file, image or something else that doesn’t require any coding. Opening your usual coding application seems like a big waste of time in that case.
Read more…
Below are 15 useful project management applications, almost all of which are targeted directly at web developers, designers (both web and graphic) and other creative types. The last one is not geared specifically at creative types, but is the most unique project management application I’ve found, and was included on that basis as well as its potential usefulness for designers and developers.
Read more…
Image captions are an often-overlooked element of Web design. They’re often thought of more in terms of function than form. As long as they include the proper photo credits or identifying information about the image subject, not much more thought is given to them.
Read more…