Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →
If you've been assigned to design or provide the architecture for a large e-commerce project or other information-heavy website whose success depends on content findability, it is vital that the design and layout of the search functionality for that website is considered carefully.
The search results page is the prime focus of the search experience, and can make or break a site's conversion rates. Therefore, bridging the gap between a user and the content or products they seek is a crucial factor in the success of any large website. The responsibility to design an effective search results page is best considered after a thorough examination of some of the features and functions found on search results pages from a number of popular niches.
In this article, we'll look at a number of trends and practices incorporated on a variety of websites. From this examination, we'll conclude with a summary of the best practices learned from the examples those sites have set. Read more...
Most CSS properties are quite simple to deal with. Often, applying a CSS property to an element in your markup will have instant results — as soon as you refresh the page, the value set for the property takes effect, and you see the result immediately. Other CSS properties, however, are a little more complex and will only work under a given set of circumstances.
z-index property belongs to the latter group.
z-index has undoubtedly caused as much confusion and frustration as any other CSS property. Ironically, however, when
z-index is fully understood, it is a very easy property to use, and offers an effective method for overcoming many layout challenges.
In this article, we'll explain exactly what Read more...
z-index is, how it has been misunderstood, and we'll discuss some practical uses for it. We'll also describe some of the browser differences that can occur, particularly in previous versions of Internet Explorer and Firefox. This comprehensive look at
z-index should provide developers with an excellent foundation to be able to use this property confidently and effectively.
The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal navigation to facilitate content browsing. The dominance of horizontal navigation over vertical (i.e. down a sidebar) is obviously due to the design and content limitations of the latter. Notably, CNN discovered those limitations before switching from vertical to horizontal a few years back.
There are, however, many styles of horizontal navigation in modern Web design. Some offer usability advantages for certain types of websites, while others are aesthetically better. In this article, we will focus on a variety of techniques and best practices to improve the usability of horizontal navigation bars, and we will note less effective styles. We'll also look at several trends that developers can choose from when working on the navigation design for their next project. Read more...
Whatever creative field you are striving to excel in – whether it be graphic design, web development, blogging, or writing of another kind – inspiration can be gleaned from any creative field, even if that field is not directly related to what you personally do. As artists striving to stand out in our own niches, it is important that we notice and appreciate ground-breaking or otherwise imaginative work done in a broad range of artistic spectrums.
In this article you'll get inspiration from the area of creative writing in popular television series episodes from the past 40+ years, and we'll discuss how the creativity achieved in these particular episodes can motivate all of us, as artists, to always strive to prevent our creations from being too normal and predictable.
The artists who wrote or co-wrote the TV Series episodes that we're featuring here were accustomed to producing work in a familiar environment, in harmony with the shows' usual themes and settings. But in specific instances, those writers decided to create something unique that would long be remembered and appreciated. Some of the creativity was visual, other examples were more related to adjustments in theme, and others involved a little of both.
Let's review how these particular episodes were different from what came before, and hopefully this will inspire artists today to become motivated to similarly push their work to a new level. Read more...