CSS Alternatives to Javascript Examples

Category: CSS, Showcase, inspiration, jquery    |    2,194 views    |    2 Comments  |   

Bubble Effect with CSS

Bubble Effect with CSS
You might be familiar with the plugin jQuery Dock which allows you to create a menu like Apple Dock. With this tut, you will learn how to create a similar menu with bubble effect by using only pure CSS. The tutorial includes two methods: CSS sprites (basic) and image swapping (advanced).

Pure CSS Speech Bubbles

Pure CSS Speech Bubbles
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effects created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

CSS3 Buttons examples

Category: CSS, Resources, Showcase, inspiration    |    2,463 views    |    5 Comments  |   

Fancy Buttons Are Here!

CSS3 Buttons

Better Button and Nav Interactions

CSS3 Buttons
The iPhone user controls are responsive, like tactile objects in your hand. The panels slide and the icons glow when you touch them. It gives the illusion of tighter control over the app. Switching to a touchscreen-less web browser, interactions feel stiff and unsatisfying and lack of response creates a feeling of distance been the user and the interface.
In this well described tutorial the button you will build has a distinct :hover and :active states so that it depresses when clicked. The text also bumps down 1 pixel and the text-shadow changes to give it a 2-dimensional feel. Now that CSS3 is gaining wider support, most of this styling and behavior can be done pretty easily.

CSS3 Image Galleries and Sliders demo

Category: CSS, Resources, Showcase, inspiration    |    2,055 views    |    Add a Comment  |   

Fancy Image Gallery with CSS3

Fancy Image Gallery with CSS3
This CSS3 tutorial will show you how to create an image gallery with animation. Although it is recommend that you a CSS3 compliant browser to experience the animations, even without a compliant browser the gallery is still going to be visible without animation.
Fancy Image Gallery with CSS3 »
View the Demo »

Image Slider With Pure CSS3

Image Slider With Pure CSS3
Image sliders are a popular effect and often used in portfolio sites and blogs, with the most of these sliders being built with Javascript. But with CSS3’s strength, you can implement an image slider with only pure CSS3, this article will show you how.
Image Slider With Pure CSS3 »
View the Demo » Read more…

  • No Related Post