Weekly Top Standards-Most Gallery #21 (0)

Posted in Weekly Top StandardsSep 04, 08 | 01:44 pm

  1. futureofwebdesign_com.jpg
    http://futureofwebdesign.com
    Part of a family of design event conference websites, they are all looking particularly great. Other sites in the event series’ include; http://futureofwebapps.com, http://future-of-mobile.com, http://futureofonlineadvertising.com… behind this successful series of internet design and marketing technology events you will find Ryan Carson of Carsonified playing a lead role.

  2. spoongraphics_co_uk.jpg
    http://www.spoongraphics.co.uk
    This article on Designing for Print - Setting Up Crops and Bleed, had me adding this resource to my feed reader lickety-split!

  3. spoongraphics_co_uk.jpg
    http://www.ubhip.com

  4. smallmanrecords_com.jpg
    http://smallmanrecords.com

  5. amphibian_info.jpg
    http://amphibian.info

  6. impdesigns_com.jpg
    http://www.impdesigns.com

  7. contrast_ie.jpg
    http://www.contrast.ie

  8. homeskilletrecords_com.jpg
    http://www.homeskilletrecords.com
    A George Huff creation.

  9. flyheli_co_uk.jpg
    http://www.flyheli.co.uk
    Astute in the usability category, helicopter fans will love this keen and clean website.

  10. robertrandolph_net.jpg
    http://www.robertrandolph.net
    Poppin’ the faves this week! IndigenousRocks.com another great band, the website is currently a little rough, they’ve got a hot new recording out though, entitled “Broken Lands”.

Script Resources

  1. scriptandstyle_com.jpg
    http://scriptandstyle.com

  2. webdev_stephband_info.jpg
    http://webdev.stephband.info/parallax.html
    Another most effective jQuery parallax scrolling plugin, check out the demos for this one!

Getting back in the groove this week after a two week hiatus/vacation, I’ve got some ideas for a few other posts up my sleeve, namely record company and college radio websites. Keep the peace and the faith, best wishes to all the good folks in Delta region where hurricane Gustav wreaked a little havoc this week.

Technorati : ,
Del.icio.us : ,

Tags: ,

Do We Need Another Web Browser? (9)

Posted in Web DevelopmentSep 01, 08 | 06:15 pm

The Internet is buzzing with the unofficial, official announcement from Google that they are planning to launching a new browser called Chrome.

The browser has been rumored for a very long time, and on the surface sounds like a great idea, but do we really need another web browser?

Read the rest of this entry »

Tags: ,

Managing Inspiration (4)

Posted in ResourcesAug 27, 08 | 09:58 pm

If you’re inner muse is working correctly, you’ll find inspiration strikes just when you need it, but if you’re like the rest of us you’ll find that inspiration strikes at the oddest of times.

In this post I take a look at some tools to help manage inspiration: getting it to strike, and making sure it isn’t lost when it does.

Getting Inspiration to Strike

Take a break

One of the best ways to get inspiration to strike it to take break. When you stop trying so hard your mind find the inspiration — it usually does! Go out for a walk or one of the most successful methods is taking a shower.

Look at other peoples work

You know about the power of CSS galleries, that’s why you’re on Most Inspired, but there are plenty of other methods to find inspiration online and off.

From books, and magazines, to museums and album covers the sources of inspiration are endless.

Mind Maps

Building a Mind Map can be an effective way of finding inspiration.

A mind map is a diagram used to represent words, ideas, tasks, or other items linked to and arranged radially around a central key word or idea. It is used to generate, visualize, structure, and classify ideas, and as an aid in study, organization, problem solving, decision making, and writing. — Wikipedia

There are many free and commercial Mind mapping software applications. FreeMind is a popular open source application, written in Java so you should be able to run it no matter which OS you’re on.

Keeping Inspiration Handy

You’ve worked hard (or maybe you haven’t) and inspiration has finally struck. But just how do make sure you keep a hold of all those great ideas and possible solutions.

Digital Camera
A picture is worth a thousand words. Whenever you see something that is inspirational take a quick picture and you’ll have it for when you need it.

Notebooks
Inspiration can strike at any time, and usually does when you’re away from your computer. Keep some paper and pen handy at all times, for recording any ideas as they pop-up. Moleskin notebooks are popular among designers, especially the small squared variety that fit easier into pockets (yes I have one!).

Websites

Wridea

Wridea is a web service first to avoid ideas being forgotten, then to organize and improve those ideas by giving you the opportunity to share your ideas with friends and necessary tools to improve your ideas by yourself and individually.

Jott

Sometimes you can’t get to a computer and don’t have anything to write on, or maybe you’re driving and can’t just pull over to write down that latest bit of inspiration. This is where Jott comes in. With a simple phone call you can have your inspiration emailed to you. Jott uses voice recognition to transcribe your message and emails it to the destination of your choice.

MAC Software
Leap / Yep
Leap and Yep are 2 pieces of software that are great for organizing your saved inspiration. Maybe you’ve taken screenshots of website or web page elements that you like to refer too, and you’ve saved these into folders on your hard drive. As you build up your collection finding what you need can become increasingly difficult.

Yep is aimed specifically at finding, organizing and viewing your PDF documents, and Leap for organizing all the the files on your computer.

Leap and Yep make use of tagging to enhance your folder hierarchy to make sure you can that inspiration just when you need it.

How do you manage inspiration? Or do you try not too and let it strike when it wants?

Tags: , ,

4 Online Handbooks for Web Designers & Developers (9)

Posted in ResourcesAug 19, 08 | 09:09 pm

I’m a fan of one page websites and these single page (mostly!) sites are a great place to look for great resources and links for any web designer or developer.

The oldest and probably most well known of these resources, is the Web Developers Handbook, published by Vitaly Friedman, who you may know from Smashing Magazine.

Currently listing over 650 resources (but seems to be idling of late) we have For Web Designers, the main page displays the top 20 resources from each of its 18 categories.

Corkdump has resources from 11 categories, and is the most customizable of the handbooks listed here, you can reorder the categories displayed, show the top rated or limit to your favorite resources.

Agency Tools Dashboard is “The definitive resource list for designing, developing, marketing & maintaining websites.” There are many categories grouped into Web Design, Web Development, Online Marketing and Site Maintenance groupings.

Tags: ,

Weekly Top Standards-Most Gallery #20 (2)

Posted in Weekly Top StandardsAug 12, 08 | 02:55 pm

  1. MilesDowsett.com
    http://milesdowsett.com

    Overlooked this site in last weeks picks. Quality stuff running on ExpressionEngine. A screenshot thumbnail for portfolio navigation is kind of the norm, but this portfolio page utilizes mini 25×25px icons for each site featured, and the user-interface there along with the pages info-architecture and hierarchy make for easy viewing. Great stuff…..

  2. JasonSantaMaria.com
    http://jasonsantamaria.com

    The new redesign of rockstar designer Jason Santa Maria seems to be built on EE this go round. Jason has authored a few resources on Web Standards and the like that I find myself referring to repeatedly. His portfolio contains some notable sites, such as HappyCog, AlistApart, and Dictionary.com to name a few. The layout, to coin a phrase -is a multi-columned news-style layout. Here’s a link to Jason’s blog post on the redesign.
    Pretty cool for EE fans, that is all from this “Paparaz-ee”.

  3. blank2go.jpg
    http://www.arcinspirations.com/kobe

    An increcibly adepth sliding navigation and website. Many of the sites resources are downloadble PDF menus, so they don’t have too many problems with the box layout not resizing to accommodate for text. The creative uses of jQuery on this one have been hit squarely out of the park! Also another use of a flash animated background technique to produce “ sparks” behind the active page link in the main navigation. For an even more indepth look at how this site is put together, check the SmashingMazagine post on useful coding solutions 1st one on the list.

  4. blank2go.jpg
    http://www.sroown.com

    An innovative portfolio solution, a lot of content presented tastefully in a one-page layout, using the prototype-scriptaculous duo of javascript libraries, amongst other resource.

  5. blank2go.jpg
    http://www.gianmarcolauriola.com

    An urban grafitti layout, can you dig it?!#! There’s a bit of an Easter Egg if you load the site in IE6 you’ll see this lovely message alert box. I couldn’t manage to track down where it was being served up in the stylesheets? The IE6 warning replaces the RSS feed and welcome message in the upper right… nice… that should turn some heads.
    IE6-poor-health.jpg

I’m planning to be out on vacation next week, we will continue with week #21 of the Weekly Top Standards website picks, after a short delay. Until next time, good luck finding inspiration for your next project or website design! ~ty

Technorati : , , ,
Del.icio.us : , , ,

Tags: , , ,

8 Great Typography Blogs (4)

Posted in ResourcesAug 11, 08 | 04:19 pm

Typography is a very important part of web design, but where do you find out about the latest and greatest happenings in the world of typography? Check out this list of 8 great blogs for your typographical inspiration.

I Love Typography


rss feed

Typographica


rss feed

Typophile


rss feed

DailyType


rss feed

Typographer


rss feed

FontShop: FontFeed


rss feed

Fontlover


rss feed

Type For You


rss feed

Tags: , ,

Weekly Top Standards-Most Gallery #19 (2)

Posted in Weekly Top StandardsAug 07, 08 | 11:35 am

  1. nataliadevalle_com_ar.jpg
    Nataliadevalle.com.ar

    A casual designer portfolio from Argentina, fun design.

  2. tcommeterre_com.jpg
    Tcommeterre.com

    Don’t miss the horizontal parallax portfolio scroller, done with jQuery and a plugin called wSlide, pretty kewl!! The wslide demo pages are in French, be sure to open an English translated page (hopefully this link will work) to see the three sample demo pages, links found at the bottom of the first demo page.

  3. phizz_biz.jpg
    Phizz.biz

    With a name like Phizz, they had to go with the biz domain extension. The site is using some asp.net technologies, which you just don’t see too much in web standards circles, great design. There are a few tables in the layout, but sometimes a table is just a no-fuss and logical solution, or creates a pagination set.

  4. ignitenewmedia_net.jpg
    Ignitenewmedia.net

    Nice to look at, peculiar there don’t seem to be any alt tags for images though. There are many benefits to using alt tags, including search engine optimization. The tables-based nav strikes me as odd also, the css-based sliding doors techique is hard to beat for image-based navigation. They’ve done a great job of making the background transparency work even in IE6, kudos for that. Sorry for being a stickler about the tables this week. Whilst I’m on a roll here, the portofolio pop-ups opening in a new window are ok for new sites, but for images a lightbox treatment would be better.
    Onward & upward…

  5. bgpatterns_com.jpg
    Bgpatterns.com

    A web two-point-oh way of exploring background images and sharing them, certainly worth exploring.

  6. etmaguire_com.jpg
    Etmaguire.com/

    Eric Maguire’s portfolio in the making, lots of impressive sites thus far, and more on the way it looks like. Couldn’t help notice Eric’s showing Most Inspired some love there in the sidebar, thanks Eric.

  7. spacecollective_org.jpg
    Spacecollective.org/

    If you are a science geek, you need to check this one out! If not check it out anyways, a plethora of visual science projects on-board, with a flexible width layout of 100% and links to hundreds of sci-fi websites out there.

  8. friskdesign_com.jpg
    Friskdesign.com/

    Not surprised to see this one was built with Wordpress, yes designing a wordpress theme is a genuine design service, not just something you “slice and dice”. Frisk Design specializes in Wordpress it would seem, this bubbly site design is quite a looker.

  9. shiftspace_org.jpg
    Shiftspace.org/

    Something new [shift] + [space] offers a whole new social browsing experience, with it’s firefox plugin approach to add an open source layer above any webpage. Thoughts on this startup anyone?

  10. fontpark_morisawa_co_jp.jpg
    Fontpark.morisawa.co.jp/

    Font art, shuffling letters to create artworks, view and create your own. Flash fantástico, this one, have some fun with this amusing art experience!

Technorati : , , ,
Del.icio.us : , , ,

Tags: , , ,

14 Design Retrospectives (6)

Posted in InspiringAug 04, 08 | 11:28 pm

Looking at the results of a good website design helps improve and inspires our own designs, getting into the mind of a designer can be invaluable.

There don’t seem to be many design postmortems published these days, but some designer do discuss their designs and the reasoning behind what they did.

Below you’ll find a collection of blog posts from designers discussing their website designs:


Website: Erratic Wisdom
Tom Fadial: http://erraticwisdom.com/2008/01/21/the-new-erratic-wisdom

 
 


Website: Monacle
Dan Hill: http://www.cityofsound.com/blog/2008/04/monocle-design.html

 
 


Website: Coolspotters
Mark Boulton Design: http://www.markboultondesign.com/work/detail/coolspotters/

 
 


Website: Problogger.net
Ben Bleikamp: http://www.bleikamp.com/2007/08/11/redesign-of-probloggernet/

 
 


Website: Adii
Adii: http://www.adii.co.za/2007/09/03/the-redesign-post-op/

 
 


Website: Positive Space
http://www.positivespaceblog.com/archives/the-positive-space-redesign-rationale/

 
 


Website: Avalonstar
Bryan Veloso: http://avalonstar.com/blog/2008/mar/30/design-distortion/

 
 


Website: Veerle’s Blog
Veerle Pieters: http://veerle.duoh.com/blog/comments/design_phase_of_my_new_blog/

 
 


Website: Jeff Croft
Jeff Croft: http://jeffcroft.com/blog/2008/feb/16/more-details-redesign/

 
 


Website: Darren Hoyt
Darren Hoyt: http://www.darrenhoyt.com/2008/05/23/a-site-redesign-for-spring2008/

 
 


Website: Blog Hearld
Thord Daniel Hedengren: http://www.blogherald.com/2008/08/02/the-blog-herald-relaunches/

 
 


Website: MSNBC.com
Mike Davidson: http://www.mikeindustries.com/blog/archive/2007/11/msnbc-redesigns-taste-the-rainbow

 
 


Website: AIGA.org
Jason Santa Maria: http://v3.jasonsantamaria.com/archive//2007/03/01/aiga_redesign.php

 
 


Website: ExpressionEngine.com
Jesse Bennett-Chamberlain: http://www.digital-web.com/articles/redesigning_the_expressionengine_site/

 
 

If you know any more please post links via the comments.

Tags: , ,

The 1st Annual eduStyle Higher-ed Web Awards (0)

Posted in InspiringAug 04, 08 | 01:07 pm

At the eduWEB Conference held in Atlantic City, NJ, the winners of the 1st Annual eduStyle Higher-ed Web Awards where announced.

There were a number of different categories up for awards includding: Most Innovative, Best Information Architecture and Best Overall Web Site.

See the complete list of categories and winners here.

Tags: ,

Veerle Pieters’ Favorite Typefaces (0)

Posted in ResourcesAug 04, 08 | 11:40 am

If you’re looking for some new fonts, Veerle Pieters discusses her 10 Favorite Typefaces.

Read the rest of this entry »

Tags: ,