This tutorial will show you how to create a notebook themed website using only CSS. First, we will start out by creating a basic wrapper by specifying that the body tag should have the following CSS properties: body { background-color: #f5f5f5; width: 600px; margin: 0 auto; padding: 0; } Next, we are going to make an unordered list, I’ll call mine list: .list { color: #555; font-size: 22px; padding: 0 !important; width: 500px; font-family: courier, [...]

Update: These context menus display even when JavaScript is disabled; so best practice will be to create these menu structures via JavaScript. Mass innerHTML injection can be used or basic DOM node injection. Firefox Context Menu One of the hidden gems within the HTML5 spec is context menus. The HTML5 context menu spec allows developers to create custom context menus for given blocks within simple menu and menuitem elements. The menu information lives right within [...]

A visitor comes to your website all giddy to learn more about your product, when suddenly a snazzy slideshow loads with some snap. Impressed, they go to register and are greeted by a most elegant modal window. At this point they are finally overjoyed by the velociraptor that suddenly charges across their screen. They don’t know why but they like it.

You may be asking yourself “It is time to change? Should I forget everything I know and dive into this new world?”. Well dear padawan, you don’t need to do so. We have a lot of tools that make our transition to new and better technologies safer (ultimately we can’t just crash our customer’s website, we have bills to pay ).

Since the come out of CSS3 the life of developers become easy. In this post we have collected some useful and fresh CSS3 tutorials for developers and designer to increase there skills. Please feel free to mention in the comments if we missed any CSS3 tutorials from 2011. Enjoy!!

Hi everyone, in this article I will show you how to make cool background animation with jquery. With this script you can make fresh new look to your web site or just experiment.

One of the reasons I love AJAX technology so much is because it allows us to avoid unnecessary page loads.  Why download the header, footer, and other static data multiple times if that specific data never changes?  It’s a waste of time, processing, and bandwidth.  Unfortunately, at this point in the web, constant refreshes are the norm — but they don’t have to be.  Christoph Pojer, a MooTools Core Developer, has added History to his [...]

Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It’s just a matter of which less-desirable is most desirable.

The hard work of front-end designers never ceases to amaze us. Over the last months, we’ve seen Web designers creating and presenting a plethora of truly remarkable CSS techniques and tools. We have collected, analyzed, curated and feature latest useful resources for your convenience, so you can use them right away or save them for future reference. Please don’t hesitate to comment on this post and let us know how exactly you are using them [...]

Time for a roundup for all the jQuery plugins that have been on the wild for a few weeks. There are getting more and more jQuery plugins coming out just to meet your special needs. In this post, I particularly like Sausage contextual pagination, I think it’s a brilliant ideas! Here you go, pretty sure some of them will be really useful. Sticky Sidebar This jQuery plugin allows you to set a number of sidebar [...]