How to Create a Valid Non-Javascript Lightbox

September 4th, 2009 admin

Pure css/html lightbox that works in It works in FF, Safari, Chrome, IE6, IE7 and IE8.


Originally posted on CSS Globe

 
  Related Posts
The Dark Side of HTML 5 Video
The Dark Side of HTML 5 Video
Last week,  YouTube announced beta HTML 5 video support : once you’ve activated the beta, you’ll see videos using a native browser element rather than the Flash plugin. The new player only works with a recent version of either Safari or Chrome (or Chrome Frame in IE), as the video is encoded with the H.264 codec, which isn’t... 
nyroModal – A Nice Lightbox jQuery Plugin
A few weeks ago, I found myself in a position where I needed a nice, simple, easy-to-use lightbox plugin for jQuery. After some searching, I found that there are quite a few different plugins for this purpose, and they all have their pros and cons. After trying a few different plugins, I finally settled on nyroModal. During my search, I found Thickbox,... 
What Makes a Good 404 Page?
What Makes a Good 404 Page?
Have a Safari browser handy? Even Mobile Safari on an iPhone will work. Now check out this 404 (”page not found”) error page: http://idzr.org/404 . The slick animation on this page is powered by nonstandard 3D CSS transforms offered by WebKit , which is why it’s only visible in Safari for now. Chrome comes close, but lacks the... 
The Best jQuery Lightbox Scripts
The Best jQuery Lightbox Scripts
Eversince, Lokesh Dhakar created the first lightbox application, photo galleries and popup windows advanced to new era. And there was a time that lightboxes become a default component for every web sites. Aside from their libraries and codebase, all of them has similar properties like ability to show single image or group of images with next and... 
WordPress: Output Clean and Valid HTML Content
Custom function to automatically clean bad html data from the post content to make your WordPress pages validate again.  Read More →
Quick Tip: HTML5 Video with a Fallback to Flash
In this video quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers. Unfortunately, much like HTML 5 audio , Firefox and Safari/Chrome don’t quite agree... 
23 Pure CSS Effects/Solutions to Make JavaScript Angry!
23 Pure CSS Effects/Solutions to Make JavaScript Angry!  Read More →
Intuit Updates Quickbooks Online
Intuit Updates Quickbooks Online
Intuit has finally updated the Quickbooks Online application that many companies use to track employees’ time. For many, many years, Quickbooks Online has been exclusively available to Internet Explorer users. As of this week, a new version is available that works in Mozilla Firefox on Windows and Safari on Mac. Unfortunately, Intuit automatically... 
How to create thumbnail gallery using Easy front-end framework
With numerous lightbox scripts I have used so far, I often found myself spending much more time in setting up things then I wanted. On almost all of them you first need to mark up your thumbnail gallery, then paste some images, then paste some CSS, then initiate JavaScript functions…This article is all about simplifying the process!  Read More →
New Firebug Lite Adds Web Dev Tools to Any Browser
New Firebug Lite Adds Web Dev Tools to Any Browser
The developers of Firebug, the popular Firefox add-on for web developers, have released a new beta of Firebug Lite, the lightweight version of Firebug that works in any browser. This new version is a significant update to Firebug Lite. While the full power of Firebug still requires Firefox (see our coverage of the recently released Firebug 1.5... 
  Related Tweets from Twitter
these7en (???)  : ??? Web ????????15? Chrome ?? http://www.google.org.cn/posts/15-chrome-extensions-for-web-designer-and-developers.html..
Updated : 2010-03-19T02:42:14Z   |  Reply  |  View Tweet
tech_2010 (Josh G Trizen)  : ...but don't worry, I'm still commited to Chrome as long as it keeps up with my definition of "speedy"..
Updated : 2010-03-19T02:41:58Z   |  Reply  |  View Tweet
Tamibang (Tamara Druetta)  : @jProgr a mi se me puso en bobo, y estoy usando el Chrome, funciona muchisimo más rápido, pero para algunas cosas todavía vuelvo al FF...
Updated : 2010-03-19T02:41:49Z   |  Reply  |  View Tweet
fabiomaulo (fabiomaulo)  : Dear Chrome. Please don't ask me if I want translate everything. Thanks...
Updated : 2010-03-19T02:41:46Z   |  Reply  |  View Tweet
dubfactory (?????)  : http://twitpic.com/19g4iw - ???????????????????? ?CHROME?????????????DUB FACTORY BIG STEP STORE???????2??!?!?!..
Updated : 2010-03-19T02:41:41Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP