To ensure the website is available with the user or not, even if they are not connected is relatively very simple.

In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it.

One of the frustrating aspects of working with CSS (one of many, actually) is the amount of duplication in a .css file. CSS does allow us to separate content from presentation, but, if I had a nickel for every time I did a search and replace for some hexadecimal RGB code replicated 5 times in a CSS file

Why would you ever need to optimize (or optimise, which ever spelling you prefer) or reFormat your CSS? Optimizing your CSS will not only allow your web page to load quicker, it also increases the durability and resilience of your site when there is a spike in visitors (i.e. the Digg effect) and, for me, the most important part is that it gives you more readable code

CSS is a great tool for styling web pages and keeping the style code in it’s own place, instead of mucking up the HTML. Unfortunately, CSS is not a programming language, and does not have the tools that come with a server side language like PHP. However, we can use Server-side languages to generate style sheets, and get the best of both worlds!

Twitter trackbacks widget is a highly customizable jQuery plugin that you can use to integrate tweets that mention your post. It encourages users to engage further by providing reply and retweet links with each tweet. Based on Topsy’s API (released a WordPress plugin to turn your post tweets into comments), Twitter trackbacks widget can be used in any blog not just WordPress.

Custom jQuery accordion for vertical navigation with subpages for wordpress ready to be pasted in a template.

Tips & tricks for the modern day web designer, now redesigned!

Who doesn’t love to completely trick out their website with neat features? But what happens when your viewers aren’t using the latest browser, or they have JavaScript turned off? In today’s tutorial, you’ll learn how to create a image gallery that will work in almost all environments, using progressive enhancement techniques.

Generating S5-based presentations using Emacs' organization package.

Inspiration is a big thing for most designers and it can come in many forms. Some of us read books and magazines, some visit CSS galleries and others use image bookmarking services but here at Union Room, we love subscribing to and reading a number of great design blogs.

Ben Nadel reviews the jQuery UI 1.7 book - Have a look! "This weekend, I finished reading jQuery UI 1.7 [The User Interface Library For jQuery] by Dan Wellman (released by PACKT Publishing). It's a follow-up to his jQuery UI 1.6 book, which I reviewed in early 2009. Read more

Internet Explorer 8 hasn’t long been on the market but Microsoft are working hard to make Internet Explorer 9 their best browser yet.

TopUp is a JavaScript component powered by jQuery and jQuery UI that lets you create advance lightbox for your web pages. It provides you the ability to display images, flash (from sites like Youtube, SWF and FLV files), movies (QuickTime, Windows Media and Realplayer), iframes, DOM elements and raw HTML.

let’s look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions.

HTML5 this, HTML5 that! There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon! Some have already embraced it and are using it on their latest sites. Want to join in on all the fun? Check out this collection of some of the best resources from various blogs and websites in the industry. Each one gives an interesting insight into what’s in store with detailed write-ups, tutorials and handy cheat sheets to help you along your way.