Better Image Caching with CSS
Tweet
“These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a “CSS-only” preloading method that works better under a broader set of conditions.
Previous image-preloading techniques target all browsers, devices, and media types. Unfortunately, certain browsers do not load images that are hidden directly (via the element) or indirectly (e.g., via the parent element) using either display:none; or visibility:hidden;. Further problematic is the potential unintentional display of images on pages when presented via specifically designed print stylesheet.”
From Perishable Press. Aside from the annoying black background with too dark text, this is an interesting technique to avoid javascript when pre-loading images.
- Latest Stories
- Popular Articles
- Popular Stories
- How to Pick an Online ECommerce Shopping Cart: 6 Carts Reviewed
- How to Code HTML Email Newsletters
- How To Create An Editorial Process To Publish Web Content
- How to Protect Your Website Images
- How To Do Basic Search Engine Optimization for Web Pages
- How To Easily Edit DNS Zone Files To Configure Email Servers
- How To Evaluate and Hire Programmers, Without Being A Programmer
- Browse all articles
- How To Create An Editorial Calendar to Publish Blogs, Facebook Fan Pages, Twitter, and Email Newsletters
- WorkingPoint Easily Manages Your Business Accounting
- Email Newsletters Get More Social
- How to Add Background Images to Email Newsletters
- Contrast is King in Design
- New Search Site Aggregates Personal Data
- Quick and Dirty Remote User Usability Testing
- The Social Media Landscape in Charts
- Resources: CSS Frameworks, PSD to HTML, Text Editors
- How To Code HTML Email Newsletters (All New Version)
- How To Code HTML Email Newsletters (All New Version) - 309,955 views
- How To Easily Edit DNS Zone Files To Configure Email Servers - 31,315 views
- How To Create An Editorial Calendar to Publish Blogs, Facebook Fan Pages, Twitter, and Email Newsletters - 24,306 views
- How to Protect Your Website Images - 23,243 views
- How to Pick an Online ECommerce Shopping Cart: 6 Carts Reviewed - 20,409 views
- B2B Buyers Have Very High Social Media Participation - 16,783 views
- The Big, Bad List of Search Engine Optimization Questions to Ask - 16,719 views
- Who’s Your Coding Buddy? - 16,694 views
- How to Deal with Internet Explorer 6 (IE 6) - 16,693 views
- About tweetCC and Why Licensing Your Twitter Tweets Matter - 16,664 views
Great Online Communities to Explore
Community MX - Web Design with Adobe twist
IxDA - Interaction Design
Boagworld - Web Design
SitePoint - Web Design, Coding
The Content Wrangler - Content, Content, Content
@TypeTweets - Twitter for Type-o-philes
Webmasterworld - Web Design
Get the Email Newsletter: Keep Up To Date
Stories, links, and more emailed to you every few weeks!
Connect With Us Online
We provide low-cost, how-to internet marketing information for individuals, businesses, and groups, as well as the people who support them. Learn more