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 […]
