A couple of my items. Click to view more. I think you need something like this
 

 

4

2008-08-26

Good Design is Honest - Dieter Rams’s 10 design principles


dieter-rams2 Good Design is Honest - Dieter Ramss 10 design principles

I stumbled upon Dieter Rams 10 design principles of good design a while ago and I constantly refer to back to them so i thought I would share them with the you. If you don’t know who Dieter Rams is a quick Google search will amaze you and defiantly bring you up to speed on one of the pioneers of modern design.

Here are the

01. Good design is innovative.
It does not copy existing product forms, nor does it produce any kind of novelty just for the sake of it. The essence of innovation must be clearly seen in all of a product’s functions. Current technological development keeps offering new chances for innovative solutions.

02. Good design makes a product useful.
The product is bought or used in order to be used. It must serve a defined purpose — in both primary and additional functions. The most important task of design is to optimize the utility of a product’s usability.

03. Good design is aesthetic.
The aesthetic quality of a product is integral to its usefulness because products we use every day affect our well-being. But only well-executed objects can be beautiful.

04. Good design helps us to understand a product.
It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory.

05. Good design is unobtrusive.
Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user’s self-expression.

06. Good design is honest.
It does not make a product more innovative, powerful or valuable than it normally is. It does not attempt to manipulate the consumer with promises that cannot be kept.

07. Good design has longevity.
It does not follow trends that become outdated after a short time. Well designed products differ significantly from short-lived trivial products in today’s throwaway society.

08. Good design is consequent to the last detail.
Nothing must be arbitrary. Thoroughness and accuracy in the design process shows respect toward the user.

09. Good design is concerned with the environment.
Design must make contributions toward a stable environment and sensible raw material situation. This does not only include actual pollution, but also visual pollution and destruction of our environment.

10. Good design is as little design as possible.
Less is better — because it concentrates on the essential aspects and the products are not burdened with non-essentials. Back to purity, back to simplicity!

0

2008-08-18

Creative and inspirational logo designs


Dzineblog has put together a great list of inspirational logos - 54 to be exact! Below I’ve posted my the 6 that i think really stand out. Hit the link after the logos for the full 54 list.

2 Creative and inspirational logo designs

7 Creative and inspirational logo designs

30 Creative and inspirational logo designs

32 Creative and inspirational logo designs

9 Creative and inspirational logo designs

13 Creative and inspirational logo designs

Logo Design Inspiration: 54 Creative Logos Hand-picked From Logopond

0

2008-08-10

Design from News


If you haven’t already seen this then I’m sure you’ll be amazed! Marco Weskamp’s algorithm behind it creates a constantly changing mosaic of what the word is talking about.

Addictive and defiantly worth checking out!

newsmap.

0

2008-01-04

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007

Superb reference posts on what happened in the design year of 2007, covering everything from the basic principles of design, via typography and colour to advanced design tips & tricks.

Highly recommended!

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007

0

2007-12-11

My Fresh XP Install List and Order (For my Design Workstation)

I fresh install XP roughly every 4 to 6 months depending on how my system is running. There is no questioning that XP slows down considerably after months of heavy use - it becomes fatty and bloated, takes what seems an lifetime to boot up - time I’ll never get back - and just runs like a piece of shit.

This is no good for me, I need everything running snappy! I’m a full time designer and developer and can’t wait for a pallet tool to select 20 - 30 seconds after I’ve clicked it, not matter what load my PC is under - and this is no slow PC.

“There are tools to clean your system” you say. Well I stick my thumb at your so called tools that install more crap onto your PC then you had there in the first place and do a half-arsed job of cleaning the system anyhow.

“How about disk images?” Yes, all good and well for a quick recovery if something goes wrong - but I still prefer the fresh start.

No, the best way to get something is to get it fresh and there is no fresher then a 8pass DBAN and clean install of XP!

This isn’t going to be some guide on how to use DBAN or make a slipstream XP, rather it is just some useless copy to introduce what is really just a list of what I install.

Starting fresh does has some down points. The most notable (to me) is having to digg around for all my software (no that link has nothing to do with the sentence, i just like digg).

So I thought to my self one evening that i might just make a list and share it with everyone who cares - and without further bullshit I give you said list:

  1. DBAN Hard Drive
  2. Install XP SP2 (Slipstream CD)
  3. Install All Updates + Drivers
    1. Nvidia Driver
    2. Creative Labs X-Fi Driver
  4. Connect to network
  5. Install Firefox + addons
    1. Firebug
    2. Foxmarks
    3. Google Toolbar
    4. Net Usage Item
  6. Install Kaspersky Anti-Virus
  7. Install Office 2007
  8. Install Updates
  9. Install Adobe Creative Suite CS3 Master Collection
  10. Install Royale Noir theme
  11. Install XP Power Tool PowerUI
  12. Install XP Power Tool ClearType Tuner
  13. Install RocketDock
  14. Install Synergy2
  15. Install Tredosoft Multiple IE (for site testing)
  16. Install WinRar
  17. Install Google Desktop
  18. Install FileZilla (testing version 3 at time of writing)
  19. Install HeidiSQL
  20. Install Dev-PHP
  21. Install and Schedule Driveimage XML (dixml.exe /bF /t”G:\” /v /s- /c)

So there you have it. Really just some links in one place for each time I format my workstation. If you have any sugestions that I should add to this list I would be more then happy to hear them. So please, post a comment, just say hi - just to let me know you are reading.

Ta Ta.

2

2007-10-26

27 Tips to build a successful SEO website in 12 months

The following is from a post from Webmaster World.

The following will build a successful site in one years time via Google alone. It can be done faster if you are a real go getter, or everyone’s favorite, a self starter.

1. Prep Work & Begin Building Content

Long before the domain name is settled on, start putting together notes to build at least a one hundred page site. That’s just for openers. That’s one hudred pages of real content, as opposed to fluff pages like copyright information and about us pages.

2. Domain Name

Easily brandable. You want Google.com and not MyKeyword.com. Keyword domains are out—branding and name recognition are in—big time in. The value of keywords in a domain name has never been less to search engines.

Learn the lesson of Goto.com becomes Overture.com and why they did it. It’s one of the most powerful gut check calls I’ve ever seen on the internet. That took serious resolve and nerve to blow away several years of branding.

3. Site Design

The simpler the better. A general rule of thumb to follow is that text content should outweigh the HTML content. The pages should validate and be usable in everything from Lynx to leading edge browsers. Keep the HTML clean and stucturally sound, it makes it easier for spiders to eat up your content.

Stay away from heavy things like Flash, Document Object Model (DOM), Java, and JavaScript. Go external with scripting languages if you must have them—there is little reason to have them that I can see—they will rarely help a site and actually stand to hurt it greatly due to the many factors most people don’t appreciate, such as search engines’ distaste for JavaScript being just one of them.

Arrange the site in a logical manner with directory names hitting the top keywords you wish to hit. You can also go the other route and just throw everything in root. This is a rather controversial method, but it has been producing good long-term results across many search engines.

Don’t clutter and don’t spam your site with frivolous links. Keep it clean and professional to the best of your ability. Learn the lesson of Google itself. Simple is retro cool. Simple is what surfers want.

Speed isn’t everything, it’s almost the only thing. Your site should respond almost instantly to a request. If you get into even three to four seconds delay until “something happens” in the browser, you are in trouble.

Those few seconds may vary for someone living in a country other than your native one. The site should respond locally within three to four seconds tops! Any longer than that, and you’ll lose ten percent of your audience for every second. That ten percent could be the difference between success and failure.

4. Page Size

The smaller the better. Keep it under 15k if you can. The smaller the better. Keep it under 12k if you can. The smaller the better. Keep it under 10k if you can. I trust you are getting the idea here. Over 5k and under 10k. Yeah, it sucks, and it’s tough to do, but it works. It works for search engines, and it works for surfers.

5. Content

Build one page of content with 250 to 500 words per day. If you aren’t sure what you need for content, start with the Overture keyword selector tool and find the core set of keywords for your topic area. Those are your subject starters.

6. Keyword Density & Position

Simple old fashioned search engine optimization from the ground up. Use the keyword once in the title, once in the description tag, once in a heading, once in the url, once in bold, once in italics, and once high on the page. Try to hit a keyword density of five to twenty percent.

Use good sentences and speel check it. Spell checking is becoming increasingly important as search engines use auto-correction during searches. There is no longer a reason to look like you can’t spell—unless, of course, you really are phonetically challenged.

7. External Links

From every page, link to one or two high-ranking sites under that particular keyword. Use your keyword in the link text, as this is ultra important.

8. Internal Links

Link to on-topic, quality content across your site. If a page is about food, then make sure it links to the fruits and veggies page.

Specifically with Google, on-topic internal linking is very important for sharing your PageRank value across your site. You do not want one “all-star” page that out performs the rest of your site. You want fifty pages that produce one referral each a day, not one page that produces fifty referrals a day.

If you do find one page that drastically out performs the rest of the site with Google, you need to balance some of that PageRank value by moving it to other pages. It’s the old share the wealth thing.

9. Put It Online

Don’t go with virtual hosting. Stick with a hosting plan that offers a static IP address. Make sure the site is “crawlable” by a spider. All pages should be linked to more than one other page on your site, and not more than two levels deep from the root. Link the topic vertically as much as possible back to the root. A menu that is present on every page should link to your site’s main “topic index” pages.

Don’t put it online before you have a quality site. It’s worse to put a “nothing” site online, than no site at all. You want it flushed out from the start.

Go for a listing in the Open Directory Project (ODP). If you have the budget, then submit to Looksmart and Yahoo. If you don’t have the budget, then try for a freebie on Yahoo—but don’t hold your breath.

10. Submit It

Submit the root to Google, Fast, AltaVista, WiseNut, DirectHit, and HotBot. Now comes the hard part: forget about submissions for the next six months. That’s right. Submit it and forget about it.

11. Logging & Tracking

Get a quality tracker that can do justice to inbound referrals based on log files. Don’t use a lame graphic counter, you need the real deal here. If your host doesn’t support referrers, then back up and get a new host. You can’t run a modern site without full referrals available all day, every day, and in real time.

12. Spiderlings

Watch for spiders from search engines. Make sure those that are crawling the full site can do so easily. If not, double check your linking system to make sure the spiders find their way through the site. Don’t fret if it takes two spiderlings to get your whole site done by Google or Fast. Other search engines are pot luck and it is doubtful that you will be added at all, if not within six months.

13. Topic Directories

Almost every keyword sector has an authority hub on its topic. Go submit within the guidelines.

14. Links

Look around your keyword sector in Google’s version of the Open Directory Project (ODP). This is best done after getting an ODP listing. Find sites that have a links page or that freely exchange links. Simply request a swap. Put a page of relevant content and links up for yourself as a collection spot.

Don’t freak out if you can’t get people to swap links. Just move on. Try to swap links with one fresh site a day. A simple personal email is enough. Stay low key about it and don’t worry if a site won’t link with you. Eventually they will.

15. Content

One page of quality content per day. Timely, topical articles are always the best. Try to stay away from to much personal, blogging type stuff, and look more for article topics that a general audience will like. Hone your writing skills and read up on the right style of “web speak” that tends to work with the fast and furious web crowd.

Lots of text breaks. Short sentences—lots of dashes—something that reads quickly.

Most web users don’t actually read, they scan. This is why it is so important to keep low key pages today. People see a huge overblown page, and a portion of them will hit the back button before even trying to decipher it. They’ve got better things to do than waste 15 seconds trying to understand your whiz bang flash menu system. Just because some big support site can run flashed out motorhead pages, that is no indication that you can. You don’t have to do what they do.

Use headers and bold text liberally on your pages as logical separators. I call them scanner stoppers, where the eye will logically come to rest on the page.

16. Gimmicks

Stay far away from “fads of the day” or anything that appears spammy, unethical, or tricky. Plant yourself firmly on the high ground in the middle of the road.

17. Link Backs

When you receive requests for links, check the site out before linking back with them. Check them through Google and their PageRank value. Look for directory listings. Don’t link back to junk just because they asked. Make sure it is a site similar to yours and on topic.

18. Rounding Out The Offerings

Use options such as email a friend, forums, and mailing lists to round out your site’s offerings. Hit the top forums in your market and read, read, read until your eyes hurt because you read so much. Stay away from “affiliate fads” that insert content on to your site.

19. Beware Of Flyer & Brochure Syndrome

If you have an e-commerce site or online version of bricks and mortar, be careful not to turn your site into a brochure. These don’t work at all. Think about what people want. They aren’t coming to your site to view “your content,” they are coming to your site looking for “their content.” Talk as little about your products and yourself as possible in articles.

20. Build One Page Of Content Per Day

Head back to the Overture keyword selector tool to get ideas for fresh pages.

21. Study Those Logs

After 30-60 days you will start to see a few referrals from places you’ve been listed. Look for the keywords people are using. See any bizarre combinations? Why are people using those to find your site? If there is something you have over looked, then build a page around that topic. Retro engineer your site to feed the search engine what it wants.

If your site is about “oranges,” but your referrals are all about “orange citrus fruit,” then you can get busy building articles around “citrus” and “fruit” instead of the generic “oranges.”

The search engines will tell you exactly what they want to be fed—listen closely, there is gold in referral logs, it’s just a matter of panning for it.

22. Timely Topics

Nothing breeds success like success. Stay abreast of developments in your keyword sector. If big site is coming out with a new product at the end of the year, then build a page and have it ready in October so that search engines get it by December, e.g. go look at all the PlayStation 3 and Nintendo Wii sites in Google right now. Those are sites that were on the ball last summer.

23. Friends & Family

Networking is critical to the success of a site. This is where all that time you spend in forums will pay off. Here’s the Catch-22 about forums: lurking is almost useless. The value of a forum is in the interaction with your fellow colleagues and cohorts. You learn long-term by the interaction—not by just reading.

Networking will pay off in link backs, tips, email exchanges, and it will put you “in the loop” of your keyword sector.

24. Be Social

Social bookmarking and networking sites can be used to your advantage if the content is right. Places like Digg, Delicious, Technorati, StumbleUpon, and so on, can really expose your site to those that truly are interested. Expect some great backlinks and traffic if you use this to your advantage.

25. Notes, Notes, Notes

If you build one page per day, you will find that a brainstorm like inspiration will hit you in the head at some magic point. Whether it is in the shower (dry off first), driving down the road (please pull over), or just parked at your desk, write it down! Ten minutes later and you will have forgotten all about that great idea you just had. Write it down, and get detailed about what you are thinking. When the inspirational juices are no longer flowing, come back to those content ideas. It sounds simple, but it’s a life saver when the ideas stop coming.

26. Submission Check At Six Months

Walk back through your submissions and see if you are listed in all the search engines you submitted to after six months. If not, then resubmit and forget it again. Try those freebie directories again too.

27. Build One Page Of Quality Content Per Day

Starting to see a theme here? Google loves content. Lots of quality content. Broad based over a wide range of keywords. At the end of a years time, you should have around four hundred pages of content. That will get you good placement under a wide range of keywords, generate reciprical links, and overall position your site to stand on its own two feet.

Do those twenty-seven things, and I guarantee you that in ones years time you will call your site a success. It will be drawing between 500 and 2000 referrals a day from search engines.

If you build a good site with an average of four to five pages per user, you should be in the ten to fifteen thousand page views per day range in one years time. What you do with that traffic is up to you, but that is more than enough to “do something” with.

0

2007-10-24

99 Usefull Resources for Graphic Designers

You The Designer has put together a list of 99 internet sites that are a must for any graphic designer - seasoned or beginner.

Many of these I already use and there is a tone more. Great list!

Check it out! =>

0

2007-10-22

53 Ultimate Tips For Better Photoshopping

Adobe Photoshop has amazing power right at your fingertips, it also has amazing power underneath the hood that for many people never see the light of day. Techlicious.tv have put together a fantastic article that lists 53 of the ‘hidden’ features underneath Adobe Photoshop.

I did have these listed here but by request by the original author I have removed them. Regardless of where they are located they are fantastic tips so head over to Techlicious.tv.

Very useful list indeed :)

0

2007-09-18

LOVEPIXEL : Extreme Pixel Art

LOVEPIXEL

This just has to been seen to believe! It’s like “Where’s Wally” for pixel art!

There is no artist name that I can find, so if you know who’s made this amazing artwork, please comment so I can post the artists name.

WARNING: Will take quite a while to load, on dial-up? Don’t bother - 25 x 2000px x 2000x PNG’s

4

2007-09-05

Internet Explorer Conditional Comments

If you are anything like me, and most of the Web Design industry, you’ve run into CSS bugs that in IE that just don’t make any sense. You’re building the perfect site with W3C valid CSS and XHTML1, you test it in Firefox, Opera, Netscpae and even Safari beta for Windows only to find that IE6 just makes a total mess of your hard work.

According to these the stats at W3 Schools IE6 still controls 36.9% of the market (IE6 and 7 combined have 57%) so unfortunately ignoring the issue is just not an option.

We all know about CSS hacks, tips and tricks but this can make your CSS files really messy. Also you might find that you are using the same techniques over and over again on different sites.

One way that I’ve found to create reusable CSS code is to use Conditional Comments. I’ve had a number of people ask me about them so i thought i would write a introduction to them.

Conditional Comments are only available in the Windows version of Internet Explorer from version 5 onwards. The conditional comments are wrapped in the html comment tag ( <!– –>) which means that all other browsers treat the content within these tags as normal comments and ignore what’s within. GREAT!

You can include CSS files within the comments, javascript, images and - most importantly - a link to Firefox ;)

One of the best features of Conditional Comments is that you can target individual version of IE (5.0, 5.5, 6.0 and 7). You can also specify multiple version.

Here is a run down of the available syntax:

<!- -[if IE]>This is Internet Explorer<![endif]- ->

<!- -[if IE 5]>This is Internet Explorer 5<![endif]- ->

<!- -[if IE 5.0]>This is Internet Explorer 5.0<![endif]- ->

<!- -[if IE 5.5]>This is Internet Explorer 5.5<![endif]- ->

<!- -[if IE 6]>This is Internet Explorer 6<![endif]- ->

<!–[if IE 7]>This is Internet Explorer 7<![endif]- ->

<!- -[if gte IE 5]>This is Internet Explorer 5 and up<![endif]- ->

<!- -[if lt IE 6]>This is Internet Explorer lower than 6<![endif]- ->

<!- -[if lte IE 5.5]>This is Internet Explorer lower or equal to 5.5<![endif]- ->

<!- -[if gt IE 6]>This is Internet Explorer greater than 6<![endif]- ->

Nothing really tricky here, the if statement is self explanatory. Begin with an if statement (if x=true then) and end with endif.

There are two special syntaxes used here.

  • gt: Grater than
  • lt: Less than
  • gte: Greater than or Equal to
  • lte: Less than or Equal to

Example of this used in xhtml

PNG Javascript fix

<!- -[if lt IE 7.]><script defer=”defer” type=”text/javascript” src=”includes/pngfix.js”></script><![endif]- ->

Loading multiple CSS files

<link href=”css/main.css” rel=”stylesheet” type=”text/css” />
<!- -[if IE 6]><link href=”css/ie6.css” rel=”stylesheet” type=”text/css” /><![endif]- ->
<!- -[if lte IE 5.5]><link href=”css/ie55.css” rel=”stylesheet” type=”text/css” /><![endif]- ->

Hope that helps. I now have reusable CSS files that I use in any sites that require them (hostly all). Makes life easier and a good place to bunch all those workarounds (CSS hacks?!) into one easily accessible place.

PLEASE NOTE: I have added a space between the “-” because for some reason word press converts them to “–” you need to remove the space to make html comments

Have fun

(and please comment.. no one comments on my Blog! :))

 

 

 

site tags

 

meta

Mailing list

About Jamie Le Souëf

Jamie Le Souef

I'm a 27 year old Freelance Front and Back end designer /developer from Melbourne, Australia. I'll put more about me in here once i get my about page done

Ajax CommentLuv Enabled 67885f39b533899c64b408034951e375

syndication & misc