In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.Also, be sure to go ahead [...]
As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.
Here are some files you will need:
1: Because we will use Cufon [...]
In this article you will get access to one of the largest collections ever of CSS Tools, Tutorials, Cheat Sheets etc. It builds on previous CSS posts in tripwire magazine with the purpose of creating a one stop fit all CSS resource. Several new resources have been added.Please comment if you know a great CSS [...]
CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It really is an exciting time for web design.
A few weeks back we published an article called 20 CSS3 Tutorials and Techniques for Creating Buttons just to start [...]
Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript.
With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.
jQuery Spritely
Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible.
Specially, for [...]
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the [...]
Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage.
via Ajaxian » HTML Minification.
Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3.
There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.
The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require [...]
CSS3 provides powerful pseudo-classes that allow the designer to select multiple elements according to their positions in a document tree. Using these pseudo-classes can be a little confusing at first, but it becomes a lot easier over time to set up your layout.
In today’s article I’m going to take a look at 5 pseudo-classes that [...]
While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery.
via MicroTut: Centering a [...]
March 17, 2010
0