Playing with CSS3 Animations, Beginner’s Tutorial

Playing with CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To …

How to Create an Interactive Graph using HTML, CSS3 & jQuery

How to create an Interactive Graph using CSS3 & jQuery

Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting …

Free Illustrations: Trendy and Artistic Graphics that Tell Stories

and

Free Illustrations: Trendy and Artistic Graphics that Tell Stories

The new trend in graphic design and illustration for web, finally, is art meets illustrations. People love illustrations. Whether it is a designer, developer or regular user, hand-drawn pictures always please the eye. They bring authenticity and personality to digital …

How to Create an Image Slider using jQuery and CSS3

Create an Image Slider using jQuery and CSS3

Topic: CSS3 & jQuery Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will create a Slider with “Nivo Slider jQuery Script” and CSS3. We will use the “Nivo Slider jQuery Script” because it’s a powerful tool and …

Responsive CSS Keyframe Animations

Responsive CSS Keyframe Animations

I know I am not alone in the pure love and happiness I feel towards CSS animations. I also know I am not alone in the love and happiness I feel towards my mobile phone. Yet, the joyful experience of …

How to Create Login Form with CSS3 and jQuery

How to Create Login Form with CSS3 and jQuery [Tutorial]

Topic: CSS3 & jQuery Difficulty: Intermediate / Advanced Estimated Completion Time: 45 mins In this tutorial we will code the Login Form that you can find in Futurico UI Pro. To create it we will use CSS3 and jQuery. Step …

CSS3 Hover Link Effects

CSS3 Hover Link Effects

One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page. Typical links contain simple hover effects such as use …

How to Create Accordion Menu in Pure CSS3

Accordion Menu in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will learn how to create an accordion menu in pure CSS3. As we will create it with CSS this will only work on browsers and devices that …

How to Create Background Fixed Effects in HTML & CSS

How To Create Background Fixed Effects

As an integral part of websites, backgrounds with fixed positions are getting more and more innovative in a way that it can create an optical illusion that it changes the image without you noticing that it has a fixed position …

How to Create Accordion Menu (CSS3+jQuery)

How to Create a Accordion Menu (jQuery Version) [Tutorial]

Topic: jQuery / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3. As this pure CSS3 Accordion Menu will …