Layout and UI
Four Key Components of a Great Web Design
Nov 25, 2009CommentsThere’s a lot that goes into creating a web design, but I believe it can be broken down into four main components. All aspects of a great design must compliment each other while helping achieve the end goals of the website. In this article, I’ve broken down the four key components of a great web design with examples and resources.
Choose ItjQuery Horizontal Tabbed Slide Down Menu
Nov 25, 2009CommentsContinuing the horizontal menu with a slide dropdown series, this one has a true slide down of the sub menu. Instead of having the sub menu scroll down as in the previous examples, this one actually slides down from the top level item. Tested in IE6, IE7, IE8, Firefox, Opera, Safari (PC) and Google Chrome.
Choose It7 Ways to Master the Art of Tableless Web Design
Nov 25, 2009CommentsSo you wanna master tableless web design, eh? The best way to move forward and nurture your skills is to set goals, preferably daily. If you practice patience and take consistent steps in the direction you want to go, you will get there. To help you along your path, here are seven simple ways to move in the direction of mastery in tableless web design.
Choose ItBuilding an Awesome Navigation Menu with jQuery
Nov 20, 2009CommentsDo you need to build a navigation interface that has to handle hundreds of product links? All grouped in categories, subcategories? Perhaps even containing thumbnails? If the answer is yes, this choice is for you. It’s a 2-part tutorial showing you how to build an awesome navigation menu with jQuery.
Choose It40 of the Best Horizontal Scrolling Websites
Nov 18, 2009CommentsHorizontal designs are not for every type of audience. Grandparents can’t handle it. Basically, anyone born before 1970 can’t handle it. These designs are best suited for those looking to make their website an extension of their art. Here is a showcase of 40 of the best horizontal scrolling websites.
Choose ItUltimate Guide To Grid-Based Web Design
Nov 11, 2009CommentsThis post offers up a complete guide to designing with grids. There’s plenty of basic information here, as well as tons of links to more in-depth information on specific aspects of grid-based design from other sites. And to top it all off, we’ve compiled a showcase of excellent grid-based designs for inspiration.
Choose ItExploration on Web Tab Modules
Nov 11, 2009CommentsThe use of web tab module has been widely adopted to break content into multiple sections that can be swapped on the fly to save space. Technically, when a developer tries to implement a tab module into a new project, there are certain things that he or she would need to take note of. In the following paragraphs, we shall discuss about the aspects of a tab module which a front end developer should note.
Choose It60 Trendy Web Design Interfaces Created In October
Nov 10, 2009CommentsI am continuing this monthly feature, showing last month best web designs submitted in DeviantArt. I am keeping to be very active member in this community and I really admire high quality designs submitted every day,every week, every month. Here you will see featured 60 best web design interfaces from the month of October.
Choose It8 Layout Solutions To Improve Your Designs
Nov 9, 2009CommentsIn this article, we’ll discuss 8 useful layout solutions and techniques that will help you create a clean and organized content layout. The 8 techniques include sliders, tabs, progressive layouts, structured grids, modal windows, rollover elements, accordions and mega drop-down-menus.
Choose ItBest Practices for 6 Common User Interface Elements
Nov 6, 2009CommentsThe appearance and usability of certain interface elements and functionality are crucial to the success any websites in today’s market. This article discusses some best practices and usability traits of six user interface elements and the conventions for each, so that developers can create user experiences that are both beautiful and simple.
Choose It