Navigation menus are the most important element one should pay attention when designing a website. Web-developers can create user-friendly horizontal or vertical navigation menus using CSS. Javascript makes it possible to create more interactive, more responsive and more flexible navigation to any website.
Multilevel Drop Down Navigation Menus: Examples and Tutorials from Noupe
Website Optimizer, Google’s free website testing and optimization tool, allows you to increase the value of your existing websites and traffic without spending a cent. Using Website Optimizer to test and optimize site content and design, you can quickly and easily increase revenue and ROI whether you’re new to marketing or an expert.
A comprehensive Lightbox roundup! From Wikipedia:
Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs. The script has gained widespread popularity due to its simple yet elegant style and easy implementation. Lightbox uses the Prototype Javascript Framework and script.aculo.us for its animations and positioning.
The Lightbox Clones Matrix by Ozh
Users scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult.
Right-Justified Navigation Menus Impede Scannability by Jakob Nielsen
I wrote an article a few weeks back about javascript frameworks (Top 10 Javascript Frameworks - Which do you prefer?), and the general consensus was that jQuery was the best. I like scriptalicious and Prototype, but I have been looking at MooTools recently, and I like what I see. Here is the best of what I have found.
41 of the Best MooTools Ajax Example Downloads from Speckyboy
50 Essential Photoshop Text Tutorials from Vandelay Design
CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in this series , the forth part will be coming soon, stay tuned and Enjoy!
Using CSS to Do Anything: 50+ Creative Examples and Tutorials from Noupe
Web design-related forums are a place where you interact with other designers, exchange ideas or discuss your first drafts. When you have a problem, you can post the issue, and then receive feedback on possible design or coding solutions from community members. This interaction is a great way to establish contacts and build relationships. Forums are used for networking and marketing purposes. They are practical places to solve problems and can serve as a form of social diversion.
Professional Web Design Forums from Smashing Magazine
This article presents 5 coding techniques which can dramatically improve management and simplify maintainability of your code. You can apply them to CSS, but also to any other stylesheet or programming language you are using. You can browse through the references listed under the article — they containt further information about how you can achieve a well-organized and well-structured code.
Improving Code Readability With CSS Styleguides from Smashing Magazine
If you’re interested in analyzing and optimizing your page layout - here’s some extremely useful tools that you can use to help.
7 Incredibly Useful Tools for Evaluating a Web Design from Six Revisions
Abstract backgrounds are easy to create in Illustrator with a couple of simple techniques. Using Gradient Meshes, Steps Blends and Opacity Masks you can quickly create an abstract background.
Create Abstract Backgrounds from Vectips
This is possibly one of the best and most up-to-date Javascript tutorial on internet. Highly recommended!
Eloquent JavaScript is a digital book providing a comprehensive introduction (tutorial) to the JavaScript programming language. Apart from a bookful of text, it contains plenty of example programs, and an environment to try them out and play with them.
The book is aimed at the beginning programmer ― people with prior programming experience might also get something out of it, but they should not read chapters 2 to 5 too closely, because most of the concepts discussed there will probably be nothing new to them. Do make sure you read the end of the first chapter, which has some essential information about the book itself.
Eloquent Javascript by Marijn Haverbeke
Introducing “The Highly Extensible CSS Interface,” a four-part series of how-to’s and savvy conversation to be published in the coming weeks, with the first article debuting this week. The phrase “highly extensible” is in reference to designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates, while still retaining the overall aesthetic integrity of the layout. I hope you come to discover extensibility as being broader than just “bulletproofing,” though bulletproofing is certainly a significant part of it.
The Highly Extensible CSS Interface by Cameron Moll
This tutorial explains how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.
Improve Form Usability with Auto Messages from Antonio Lupetti
The new Facebook IM chat bar has reignited the fixed-positioning flame and here's how you do it in IE6 :D
Fake position:fixed for IE6 from Brett Merkey
The Study and analysis of different CSS methods for web printing brought me to a discovery that many important web sites are not optimized for printing, even the kind that can be done with little effort. To solve this problem I decided to make universal Cascading Style Sheets for web printing by uniting all best CSS printing practises into one.
Hartija - CSS Print Framework by vladocar
Lots of form elements to play with, for your web design mockups!
OS Form Elements from Designer's Toolbox
In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed. This will create an illusion of depth as the background images are moving slower than the foreground images.
Parallax Gallery from Web Designer Wall
This is sweet.
FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop.
FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.
You create ‘FontStructions’ using the ‘FontStructor’ font editor.
Once you're done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.
You can keep your creations to yourself, but we encourage users to share their "FontStructions". Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations.
You can also use the FontStruct widget to show your FontStructions on your own website or blog.
FontStruct by FontShop
Web design and CSS galleries are a great source of inspiration for designers, and they are also an outstanding resource for designers to get exposure for their work. Getting a site featured in some of the most popular galleries can bring thousands of visitors and some valuable inbound links.
Ranking 80 of the Top CSS Galleries from Vandelay Design
Comments
Post has no comments.