August 2010
48 posts
3 tags
Top Ten Mistakes in Web Design →
“The ten most egregious offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be.” (by Jakob Nielsen)
4 tags
Building a Stylish Blog Design Layout in WordPress →
“Follow this step by step walkthrough of the various WordPress theme files, and see how the HTML is split up and injected with PHP tags to provide the complete blogging functionality.”
2 tags
How Persuasive Is Your Website’s Copy? A Simple,... →
“As a web designer, you’re probably accustomed to obsessing over the layout and visual appearance of your designs. And if you’re like most, a site’s content is something you’d rather not worry about. But being able to identify weak web copy allows you to offer greater value to your client. By spotting major problems and helping him to solve them, you can position yourself as an expert...
3 tags
Beautiful & Creative Single-Page Portfolio... →
“Traditionally most portfolios are prepared in conventional way such as, gallery style in sequential pages; one contact us page; one about us page etc. Designers then draw the distinction between each other by pumping in creativity and this enables them to display their skill sets. Here, single page portfolio is one of the effective way that projects a designer’s creativity and their...
3 tags
8 Essential Steps of Handling Web Design Projects →
“So, you have a shiny new client. Time to start a new project with them. What to do? What are the first steps? Do you jump right into the job after an OK email - does that have the legal weight as a contract? There are many things you must do to get the project rolling until you get paid: From a services contract to the final payment.”
4 tags
Web Design Trends: Skylines and Cityscapes →
“One common trend that a number of web designers are using is to include skylines and cityscapes in their designs. In some cases it is a silhouette in the background, in other cases it may be a more significant part of the design. In this post we’ll showcase 25 examples, and at the end of the post you’ll find links to some Photoshop brush sets that will allow you to add this to your own...
3 tags
20 HTML Best Practices You Should Follow →
“Most of the web pages you encounter is presented to you via HTML, the world wide web’s markup language. In this article, I will share with you 20 best practices that will lead to clean and correct markup.”
2 tags
The Web Design Community Offers Advice To... →
“We asked “What is the single best tip from your experience that you would give to newbie developers?” This article is the result of all of the amazing responses we have received.”
3 tags
Tips for Overcoming Logo Design Creative Block →
“A creative mind can create a utopia out of the mundane. But you can’t always expect to be at your creative best. The tide of fruitful creative production can often be followed by the ebb of mental block. Every creative person, whether you are a writer, artist or designer, passes through a phase when you are simply not satisfied with what you are creating. You feel as if you have...
2 tags
How To Make A Lot More Money Online Doing Web... →
“Web designers make an average of $35,000 per year. Some make more, some make less. The reason why most web designers do not make six figure incomes is simple: they are great web designers, but they are not great businessmen and businesswomen.”
2 tags
The Future of the Internet →
“The Internet is a medium that is evolving at breakneck speed. It’s a wild organism of sweeping cultural change — one that leaves the carcasses of dead media forms in its sizeable wake. It’s transformative: it has transformed the vast globe into a ‘global village’ and it has drawn human communication away from print-based media and into a post-Gutenberg digital era. Right now, its...
3 tags
25 Useful Videos and Presentations for Designers →
“With the huge number of design-related conferences and events around the world, the Web gives those of us who cannot attend them a great opportunity to listen and benefit from their great and talented speakers. To aid in this, here we present some of the best videos, interviews and presentations about design and related topics.”
3 tags
Design Agency Job Hunting Tips →
“Below I’ve outlined what I did for the first two weeks and some job hunting tips I learned along the way.”
2 tags
Mastering Flickr: A Practical Guide →
“Flickr however, like any other social network, has its own economy and social conventions.
There are professionals, celebrities, enthusiasts, beginners, networkers, the list goes on.
In today’s post we’ll cover main strategies which you can use to get the most out of Flickr if you’re trying to make a name for yourself.”
2 tags
14 Light and Easy to Use Open-Source Content... →
“An all singing and all dancing CMS (who uses all of there features anyway?) is not always the best option for every web design project, sometimes all you need is something with a little less punch, something with a smaller learning curve and something that is really, really light.”
3 tags
The top 200 greatest design blogs →
“There are hundreds of design related blogs out there. So many that it becomes a daunting task to pick up only the handful of blogs you really need to follow. The task of weeding out becomes even more difficult when you take into account that a large quantity of new blogs comes out every day. Sum to that the incredible variety of themes and the trend of high specialization blogging is...
3 tags
Logo identity guideline template for download →
“As promised, here is the basic template for the A4 single page set of identity guidelines for a general logo design. You can download below. It covers the basic essentials that a client needs to keep the identity looking consistent and to avoid abusing the use of it such as distorting the image, changing colours, changing fonts etc.”
3 tags
How to Calibrate Color for the Web →
“How is a web designer to manage color when the screens of their users could be any size or color or could be viewed under any lighting conditions?”
2 tags
11 Ways To Earn More Money Freelancing →
“Here are 11 ways, then, that you can make some extra income as a freelance designer by adding some value to your existing services, or by leveraging your expertise in a more piecemeal fashion.”
1 tag
Free Printable Sketching, Wireframing and... →
“Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.”
5 tags
10 Blank/Naked WordPress Themes Perfect for... →
“Of course there are frameworks that you could use that will take the pain away, but these may offer too much functionality. What if you want just a basic nuts and bolts theme with everything unnecessary stripped out and leaving only WordPresses base structure with some basic CSS styling? Then you will need a WordPress Blank theme.”
3 tags
A Showcase of 50 Amazing Personal Blog Web Designs →
“The importance of a unique, memorable and well designed blog, especially within the design community, should not be underestimated – First impressions will always count and your blog gives you an opportunity to showcase your skills and highlight how professional and serious you are as a designer.”
3 tags
Showcase of Beautifully Designed Brochures →
“Brochure design is a key component to the marketing of many businesses large and small. A well-designed brochure can present a positive image of the business while providing helpful information about the products or services offered.”
2 tags
40 Photoshop Actions for Designers and... →
“Photoshop Actions allow designers and photographers to quickly edit photos in a specific way. The right action can save a great deal of time as opposed to doing all of the work manually.
In this post we’ll feature 40 free Photoshop actions (many are actually sets of multiple actions).”
4 tags
Useful tips to design horizontal website layout →
“So in this tutorial I want to illustrate some useful tips to design this kind of layouts using CSS and HTML code, also adding a nice animated scrolling effect using JavaScript.”
3 tags
50 Excellent Footer Design Inspiration →
“Footer contents varies from developer/author’s short bio, recent articles, Flickr photos, quick links and so on, but it’s interesting to find out how designers prioritize their footer. Not only it will inspires us, it somehow help us understand what we really need in our footer section.”
3 tags
40 Fabulous 1 or 2 Color Logo Designs and... →
“In this article, you’ll find 40 fabulous 1 and 2 color logos and tutorials for inspiration the next time you need to develop branding for yourself or a client.”
4 tags
Gorgeous Typography Examples in Advertising Design →
“Typography has always been very inspiring and nowadays many artists experiment with type treatments to achieve inspiring, unusual and beautiful results. So, without a further ado, let’s take a look at 50 tremendous print ads that use the power of typography to communicate with potential customers.”
3 tags
50 Packaging Designs That Pack A Punch →
“Consumers generally tend to automatically go for a product where the packaging is most intriguing or appealing. Designers are now thinking outside of the box to make their products stand out the most. For our designers, to help you we’ve picked 50 of the best packaging designs we’ve seen. That stand out and make you want to grab the product.”
3 tags
The Use of Character Design in Packaging: 20+... →
“Characters have strong attraction in packaging design. Do not underestimate a cute puppy dog character on a piece of packaging because it probably does have an effective power to attract the customers. The existence of nice character design also makes packaging feel more alive and much more fun. It can also turn plain and boring packaging in to new collectible items for the...
2 tags
33 “Hello” Pages Example For Your Inspiration →
“In this post we’ll feature more than 33 “Hello” Pages Example For Your Inspiration.”
3 tags
Create a Simple Portfolio Website and Blog with... →
“This tutorial assumes that you have a fairly strong understanding of HTML and CSS, however I am using an adapted version of Google Blueprint CSS to keep things extra simple. We will be building a very simple portfolio website with a blog component.”
3 tags
25 Ultra-Creative Packaging Designs From... →
“Web designers can (and should) draw inspiration from places other than web design, so today’s article is going to showcase 25 creative packaging designs that I found on Deviantart.com”
2 tags
What Is A Web Designer Responsible For? →
“Of all the parts that go into a successful website, which are the responsibility of the web designer?”
3 tags
A quoi ressemble du « beau code HTML »? →
“On entend souvent les webdesigners parler de respect des standards, de validation, de sémantique, d’ergonomie et d’usabilité. En deux mots ils disent souvent du « beau code ».
« Code is Poetry » peut-on lire souvent chez les plus intégristes.”
3 tags
How to Create A Better Online Portfolio →
“Here in this article, we discusses some key points to consider when designing or redesigning your online portfolio because creating a appropriate portfolio is easier than you think.”
1 tag
CSS Box Model: The Foundation For Improving Your... →
“Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. Let’s dive right in and talk about what the CSS box model is, how one box affects the boxes around it, and some common browser issues when displaying CSS boxes.”
3 tags
Designing CSS Buttons: Techniques and Resources →
“Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their...
3 tags
Super List of Web Designs Round Up for Inspiration →
“Here you will see a list of these listing post, this post will serve as your start up page for inspirations where you can go many ways and find tons of great web design within it’s listings.”
1 tag
The Future Of The Web: Where Will We Be In Five... →
“A ton of technologies are ripe for further development in the coming few years. Social media and related apps are definitely going to be at the forefront of the Web for a long time. But plenty of other technologies are on the verge of becoming mainstream, either because of more social acceptance or because of advancements in hardware and applications. Read on for 15 predictions about...
3 tags
Blog Headers: 20 Great Examples and Best Practices →
“Blog headers need more functionality. Other web designs may differ in terms of their use and therefore, what’s included in the website header and how it’s presented can vary greatly.”
3 tags
90 Exciting Typography Posters and Designs →
“Typography is the art of arranging, designing, and modifying type to create beautiful and easy-to-read graphic art prints. Type affects the way readers perceive the message.”
2 tags
5 Ways To Break Your Design Habits – Just For Fun →
“Are you addicted to gradients, big fonts, a typical set of icons to explain that there’s 39 comments on your great post? It’s very easy to get stuck in the same old look and feel, even though your designs are very different from each other.”
2 tags
34 Excellent Punctuation Inspired Logo Designs →
“We use punctuation everyday when writing articles, blog posts and emails. We’re all aware that using the wrong punctuation can completely change the meaning of a sentence or even a whole document. So, where else do people use punctuation? In logo design of course!”
2 tags
50 Essential Web Typography Tutorials, Tips,... →
“Web typography is the most undervalued and misunderstood aspect of web design. There are many reasons for this, probably, the most common factor is it is ignored purely for simplicity.”
2 tags
10 Examples of Beautiful CSS Typography and how... →
“Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS.”
3 tags
Better CSS Font Stacks →
“One aspect of designing for the web that almost immediately offends designers is the lack of fonts that are considered safe to use. While it is true that there are only a handful of web safe fonts, the ones we do have at our disposal can be quite powerful and diversely useful. On top of that, CSS gives us a nice little thing called a font stack.”
1 tag
Mastering CSS Coding: Getting Started →
“CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it.”
September 2009
24 posts
2 tags
960 Grid System →
“The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.”
4 tags
Design a Textured Portfolio Site Layout Using... →
“Today we’ll go through the process of designing a portfolio homepage in Photoshop. The design will use a large textured background, which is easily created with a photograph.”