Jul 19

Tagged in: Comments:Add

Welcome to Web Designer Wall

Web Designer Wall is found and designed by Nick La, who also runs N.Design Studio and Best Web Gallery. So, what is Web Designer Wall? It is a blog where I post my design ideas, tutorials, and modern web design trends. It is much like A List Apart, FreelanceSwitch, Fadtastic, and DevLounge. However, I will focus more on frontend design rather than backend coding. Here are more about the site…

Web standard coding

This theme is custom designed and hand coded by me using valid XHTML strict mackups. Beside of the standard layout CSS, there is a print CSS stylesheet which will save your printer ink by excluding the unwanted contents such as navigation, sidebar, etc. This site has been tested on most major browsers: IE 6, 7, Firefox, and Safari (both Mac and PC).

Design style

Again, a lot of colors and big background image. If you have seen my portfolio site before, you should know that I’m a color lover and I like to use graphical image. The background artwork is designed for high resolution monitor (1440px or above). However, it will still look fine if you have a 1024px display. Everything is perfectly measured.

Javascript

To enhance the layout functionality, I added some unobtrusive Javascript such as the collapsible comment list. I find the collapsible comment list is very useful. For example, if you want to reply comment #3, simply toggle all comments and leave comment #3 open. These Javascripts are very light and they don’t break the layout even when Javascript is disabled.

Navigation

The contents are organized in three major categories: Tutorials, Trends, and General. Each post is tagged with associated keywords (tagcloud is obviously located on your right). You can find the recent entries and comments at the footer. Very simple and straight forward.

Credits

This site is proudly powered by WordPress. The only WordPress plugins used here are Simple Tagging, intouch form, and G-Loaded’s Recent Comments. The beautiful transition and scrolling effects are done by jQuery and Interface Elements.

Delicious Stumbleupon Digg

Design Process of WDW

Comments

Pages: 3 2 1 » Show All

There are 26 comments (+Add)

  • 26 Hidrolik Presler http://www.ergun-makina.com.tr/hidrolik-presler.html

    Brilliant illustrations. I love the subtleties like the lined paper look on this page and the half torn hole punched edges of the sub menu and content blocks

  • 25 Nina

    Ich hätte da mal ne Frage und zwar: Wie hast du die Comment Box gemacht???

  • 24 Dizin Directory http://www.dizinya.com/

    really it s the best blog i have ever seen.

  • 23 Mehmet Poyraz http://www.kurutma.net

    nice website.

  • 22 Arrisje http://www.sirra.110mb.com

    Love this layout of your website. Would like to learn how to do that to. Al I can say it’s beautiful !

  • 21 john http://www.lovethingy.com/

    hi there , i happen to visit your website and i see that its a blog or wordpress but i can believe how you were able to design it .. it really makes me wonder how you do it .. i have my site too wordpress but i dont know how to make it look great like yours ..

  • 20 Chris Bolton http://wbdsgn.com/

    Nice website Nick. I’m looking forward to regular updates on this site.

    Keep up the good work.

  • 19 colorethel

    primero me quede en esta pagina, por que me gusto la primera impresion (el color, el orden) luego lei y es muy amigable el texto, asi que me quede y puse el mouse encima de “archives” y que sorpresa tambien me decias a que iba a entrar, Browse archives,,desde hay creo que he entrado a todos los articulos e leido casi todo y he visto los links a otras paginas.diseño 10, usabilidad 10, navegabilidad 10, etc..me encanto tu pagina…ITS A LOVELY WEB PAGE, ITS EASY TO USE IT, YOU ARE A GREAT DESIGNER.

  • 18 candyman http://maidireblog.it

    Mostly sites, after seeing this, look old: simply awesome. I can’t wait to see a tutorial for the collpasing comments and, maybe, a Texpattern template based on this. Heat off.

  • 17 Davis Hammon http://www.risingtiger.com

    Brilliant illustrations. I love the subtleties like the lined paper look on this page and the half torn hole punched edges of the sub menu and content blocks. I must admit, though, that when I first observed the home page I was taken a-back by the sheer amount of what was going on. I know that your primary navigation is simple and effective but the content seems to swim a bit in my head. It takes my eyes longer than I am comfortable with to discern content areas and headers. But, nonetheless, overall it is a fantastic design. Good work!

Pages: 3 2 1 » Show All

Post Your Comments

(required)

(required)

Comment Guidelines

  • Please keep comments related to topic. And be nice, don't spam!
  • Basic HTML tags are allowed:
    <a href> <abbr> <acronym> <blockquote> <code> <em> <strike> <strong>
  • Note: un-related or spam comments will be deleted.

Live Comment Preview

ad Flash CS3 Components from Flashloaded
Speed up your Flash development with easy to use Flash Components: Menus, Slideshows, FLV Player & more!
Flashmint Download Flash Templates
Next generation of Flash Templates. XML, CMS, Video.

Back to top