A high quality HTML/CSS framework needs to have four attributes: useful, universal, usable, and unobtrusive. The four U’s. “Meiert’s four U’s” if you like, says a son of marketing gurus.

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.

Part 1 of an 8-Part series on building a web application from absolute scratch to a complete product.

I recently submitted the following experimental CSS layout to Smashing Magazine Typographic Layout Design Contest. I'm now publishing it here for my readers to play with. It's called the Exploring Web Typography CSS Hover Layout. It's pretty crazy but kind of cool too. Enjoy!

Chris Coyier authored a post titled Better Pull Quotes: Don’t Repeat Markup a while back. In his post he created great-looking pull quotes without repeating any content — instead he uses jQuery to dynamically create the pull quotes. The following is the MooTools method for doing so.

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.

Tutorial for learning how to apply overlays to be used with JavaScript for a fancy image viewing effect

Write regular CSS with your .NET apps, then add a few variables, mixins and nested rules. .less (pronounced dot-less) is a .NET port of the funky ruby LESS library.

In this article, we will create an image slideshow including a lot of effects. We will use HTML and JavaScript.

CSS list is very useful and vital in web design. There are many uses of Unordered list (>) such as horizontal navigation, vertical navigation, creating a box or any kind of list. In this post we will show you some really useful CSS list methods that you can use to create horizontal, vertical list or CSS list box. You can download all the methods used in this post in single zipped file.

Notimoo is a lightweight MooTools plugin (4kb) for displaying growl-like notifications. It comes with several options for a better customization of “how the plugin functions”. Some of the options are: if it should disappear automatically or not time it will be displayed for position of the notification display a title or not opactiy of the modal window. It is also possible to update the look & feel of the notifications via CSS.