Friday, August 22, 2008

13 hand-picked Vertical and horizontal CSS Menus

This is a list of vertical and horizontal CSS menus, it includes 13 various styles of navigation menus, vertical menus, and tab menus. Navigation menus is one of the most important elements for web design.

Woork



Here's an interesting blog by Antonio Lupetti (Rome,, Italy) focused on the web.

Thursday, August 14, 2008

Firebug

Firebug is a web development tool for tweaking CSS, debugging JavaScript and more. In part, it's like juiced-up "view source" for seeing how sites are put together. But Firebug really shines when it's used to streamline your own development.

Pixel perfect with Firebug

Image:Firebug-pixelperfect.png


Firebug gives you control to change the position of elements and see the changes immediately in the browser. No Save-Cmd-Tab-Reload going on here. One thing missing from Firebug is the ability to see a mockup image of a site overlayed on the actual site. This feature exists in a Firebug extension called PixelPerfect.

Some HTML purists will tell you that attempting to obtain true pixel perfection will inevitably result in messy code. But I say if it's possible to easily make your web page look exactly like you designed it, go forth and be a perfectionist.

With PixelPerfect, you set an overlay graphic and give it a transparency level. Then you can make CSS adjustments, check them against your mockup, and then make a few more tweaks.

Tuesday, August 12, 2008

SEO

If you're interested in best practices for search engine optimization, here's a good seo blog site that I just discovered.

5 advanced css and javascript coding solutions

Here are 5 advanced elegant coding solutions. You should probably have some CSS-knowledge already before starting reading this article.
Wishingline

Friday, August 08, 2008

The Art & Design Video Tutorial Library



The professional designers and artists of Sessions faculty share their secrets to producing beautiful work. Each video delivers either a desktop or in-studio view of the designer at work as they walk you through a technique that will improve your skills and enhance your portfolio.

Get free, immediate access to the Art and Design Video Tutorial Library. Sign up now

Wednesday, August 06, 2008

Photoshop Tutorials & Plugins

Check out this great PhotoShop support website. You're bound to find anything and everything for PhotoShop here.

Javascript resources

Here are some great javascript resources to se on your website.

Two Designers, Two Years, One Facelift...

While this article from boxes and arrows is from Feb/2007, the information covering usability, visual design, web standard, and more, is very interesting.

page layout creation process
The Survey, 2008

It’s back, it’s improved, and it’s hungry for your data. It’s A List Apart’s second annual survey for people who make websites.

Tips for creative soloprenuers

When building your market, don’t start from scratch if you can avoid it. The foundation of your business should be rooted strongly in something you know well and in which you already have some expertise.

Tools & Techniques for managing website evolution

isoprocess_small
Here's a great resource of information centered around user centered design.

Creating user centred taxonomies on FUMSI

This is the first in a two-part article about the mechanics of creating user centred taxonomies.

Web 2.0 Expo New York 2008How will you use the power of web 2.0?

Lynda

lynda.com

If you're looking for great web resources, solutions, online training; check out Lynda.com.

Web design studio of the week

Urban Eye Media
Urban Eye Media is a globally oriented Technology and Web Design company designed with the dynamic business manager in mind. Boasting of highly experienced personnel dedicated to various disciplines of web development and web design, Considered to be a Maverick in the Indian web design.

Upgrading to Web 2.5

Design styles and trends have their place – there is more to their use and their success than simply their visual appeal to other designers. The masses respond well to the web2.0 idea …

How to boost traffic to your website

Most important is to make it easy to find your web site and identify relevant terms to use for search engines.

Keyword analysis tools identified in this article: Wordtracker and Keyword Discovery.

The real value of keyword-rich domains

http domain name

David Airey discusses what the real value is behind 'keywords'.

Tuesday, August 05, 2008

Adaptive Path explores the future of the browser

Aurora is a concept video presenting one possible future user experience for the Web, created by Adaptive Path as part of the Mozilla Labs concept browser series.

Aurora explores new ways people could interact with the Web in the future based on projected technological trends and real-world scenarios.

What Makes Someone Leave Your Website?

So what's the secret to keep your audience from leaving your web site right away, rather than staying around and probing deeper into your site?

SEO and the web designer

Search Engine Optimization is an ongoing process that cannot truly be accomplished by designing a website in a particular way, although a designer can cripple a site’s chances with a poor foundation.

Creative Navigation

Ben Hulse Design

While navigation is key to a website, getting creative can allow the opportunity to present some attractive visual elements to a site.

14 design retrospectives

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.

Typographica

Typographica is a journal of typography featuring news, observations, and open commentary on fonts and typographic design.

FF Meta Serif by Spiekermann, Schwartz, and Sowersby

Fuzzy Thinking and sharp type

Customers want their logos, buttons and fonts to be 'shapened'. It's not that easy.

Designing a guided tour

Here are some helpful tips when designing and laying out the pages for a website. As the author points out, it’s important to keep in mind that each page has a specific job to do according to the needs, desires and expectations of our client and the site’s end users.

Partnering and client relationships

Instead of looking down at your clients, look for ways to convince, educate, and guide them. That’s part of the job. Start off by agreeing on your common goal: to create the best final product possible.

The Employable Web Designer

Here's a great article for those aspiring to be a web designer.

Monday, August 04, 2008

MAX

MAX Connect. Discover. Inspire.

Register for Adobe's biggest event of the year, MAX 2008, where you can join thousands of other Adobe users to share ideas, find inspiration, and learn from industry experts.

This year, we’re offering more for design professionals than ever before. If you plan to design websites, create rich interactive content, bring video online, build experiences for mobile devices, or use print and web together more effectively, then you can’t afford to miss MAX 2008.

Live or Die by the mockup

This article by Luke Wroblewaki is a little dated, but the message is still valid today.

Strategy with design

What's changed in the last several years that gave designers a seat at the boardroom table and why do we have technology and information overload to thank for it?

Creating the iPhone interface on Fireworks

Fabiano is going to show you how to do the interface on Fireworks.
img_tut_iphone1 How To Create the IPHONE Interface on Fireworks

Saturday, August 02, 2008

Adding Flash Files to a webpage in Dreamweaver

Janine Warner walks you through the process of adding a flash file when using Dreamweaver.

Layers

If you're an avid fan and user of Adobe products, then you'll want to go to their magazine, Layers.
You find tutorials, reviews, forums, and more.

Pixel2life

Pixel2life.com is the internet’s largest tutorial index catering to graphic designers, webmasters and programmers, with 41,410 tutorials listed in 87 categories! They also feature a massive and diversified community with 33,831 registered members that participate on our Forums. P2L is also the provider of many additional resources to members and guests, such as articles, programming script and code gallery, hardware reviews, free graphics and stock photography and much more!

Friday, August 01, 2008

How does your website look in different browsers?

Browsers


Check out this little website called BrowserShots where you can test your web design in different browsers. This is great for web designers and web developers alike who need to save time and see what a particular website looks like on other peoples computers.

It is a free open-source online service and when you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server so you can see what your website looks like on different browsers. Its really nifty!

User Ranked Free Fonts

There are an infinite amount of resources and lists for great free fonts. Have a look at the current highest ranked font from a list of 11 quality font websites.