background preloader

Chart

Facebook Twitter

Flot - Project Hosting on Google Code. 1 (Awesome) Way To Avoid the (Not So Excellent) Flash of (Amazin. This tutorial describes a way to avoid a flash of unstyled content that sometimes occurs when applying styles with JavaScript on page load.

1 (Awesome) Way To Avoid the (Not So Excellent) Flash of (Amazin

The problem is most evident when there is some content that needs to be hidden initially and when the document is large or complex. We can see an example of the problem on this test page. The page is a copy of a previous entry on this blog with over 140 comments—quite a lot of content. Look for the bright yellow background before the page finishes loading. That's the part that is supposed to be hidden from the start — a simple unordered list, <ul id="flash">. CSS Stacked Bar Graphs. To design the stats feature of Backbone, our Ruby on Rails CMS, we needed to show a stacked bar graph of page views vs unique visitors.

CSS Stacked Bar Graphs

I looked around for a sample of how others did stacked bar graphs and came up empty handed. There are plenty of CSS bar graph interpretations, but none of them did stacked bar graphs. So I’ve done it here.