Elements on a web page can stack for a variety of reasons. With basic CSS positioning tools, it’s possible to stack elements on top of one other with negative margins, floats, and other tools. Even without specific position, elements stack, with div stacking on backgrounds on table cells stacking on tables. But default stacking is […]
Avoiding Common Problems with CSS Grid
For many dark days, properly aligning objects on a webpage with CSS alone was close to impossible. With mostly-functional semi-hacks like float, positioning and in-like block, we could make it work, but it was far from perfect. When vexed by a particularly troublesome layout quirk, some event lamented the loss of <table> as a structural […]
5 Above the Fold Elements that Get Your Audience’s Attention
An old study from Nielsen states that web visitors spend 80.3% of their time above the fold – the top area of your site that’s immediately viewable upon loading. Furthermore, Google found out that ads above the fold had 68% viewability, as opposed to ads below the fold with only 40%. Naturally, a lot of […]
Typography Guidelines for Creating Balanced Website Layouts
Whether you design on paper, in graphics software, or in a web browser, typography is something that you’ll have to consider. No website or poster would be complete without some bits of text on the page. But text alone is not good enough – the symmetrical design and structure of text on a page is […]
31 Exciting New Purple Website Layouts for Design Inspiration
The color purple is often thought to represent power, royalty, and control. I love purple and it’s definitely in my favorite shade of the color wheel. I think this is why purple web designs are so attractive, not only to myself but to many other designers as well. The appearance is very catchy after only […]
30 FAQ Webpage Layouts with Effective User Experience
Support pages are a commonly accepted trait amongst webmasters. Once your website grows to support a large enough userbase you simply have to offer some type of knowledgebase. My personal favorite is the FAQ page for Frequently Asked Questions. Related: FAQ Pages: The Benefits Of Crafting a Help Page You’ll run into all kinds of different […]
32 Creatively Designed eCommerce Shop Website Layouts
The idea of selling items online is not entirely new. There have been online shopping websites since the 1990s but we can all agree the user experience has advanced tremendously in 20 years. Because of this we’re now seeing trends evolve much quicker and without delay. I want to dedicate this gallery towards 32 exceptional […]
27 Responsive Website Designs for Mobile Safari
The latest trends in responsive web design have ushered in a new era of mobile technology. The Internet is easier to access on almost all smartphone devices. So these days you should be working to support a growing audience of iPhone & Google Android users. But where do you start with such a big project? […]