Ok, so you have an expandable list that works nice in jQuery, but as you add more code and graphics to your HTML document, chances are that the onDomReady() becomes too slow and you’ll see a familiar flicker before the jQuery kicks in. In your case, the entire list will be shown for a millisecond before the DOM is fully loaded and the list contracts. One way of avoiding this is dirty but surprisingly easy:

1. document.write('<style type="text/css">body{display:none}</style>');
2. jQuery(function($) {
3. $('body').css('display','block');
4. });

The document.write looks ugly, but it actually works really well in this case. First hide the body via a direct style injection through javascript, and then show it onDomReady. Flicker-free!

jQuery is a javascript framework that is becomming insanely popular. It is fast, easy to use and creating custom plugins and components is done in a breeze. These days, everyone is a jQuery developer and the plugin repository over at jquery is virtually exploding with new plugins being added every day.

In light of all this, here are my eight best tips for becomming a better jQuery coder that you might consider before taking on your next project.

(more…)

Not even a week after I posted about the initial beta of Galleria the project has already grown into 1.0b and I can see true potential in scalability and usage for this javascript gallery.

The project now has a home page, a code repository, documentation, wiki and developers info at google code, a couple of new demos and soon-to-come real-world examples.

Major changes from 0.9 to 1.0

• A new history extension will take control of the back button and present the previously viewed image without re-loading the page, if you prefer to do so.
• Event methods for the image and thumbnails that fires when displayed, so you can customize their behaviors when they appear in your markup
• The image is no longer placed inside each list item and positioned absolute, instead it’s injected into a custom selector of your choice or in a default division, created for you
• Public previous/next methods to simplify the creation of navigational elements

File bug reports at the google code page. Other comments/suggestions/questions etc. can be commented here in the kitchen. Enjoy!