Demos

Read all posts Tagged for this section

A simple CSS3 based navigation styles for Sliders/Slideshows/Galleries [Download Source]

Sliders, slideshows and galleries are extremely common in modern day websites - that ranges from websites showcasing portfolios, product displays in e-commerce etc...There are plenty of free scripts out there with unique features and styles that helps you embed a slideshow in ...

LinkedIn Style User Profile remove effects using CSS3 transitions

I Recently visited LinkedIn site and found an impressive user profile listing (those boxes suggesting to connect with people) with a cool remove effect animation. It inspired me to develop a similar one for web development community, with an enhanced creative animations and transitions effects. ...

Add Reference link when the text is copied from your Website – Javascript Hack

If you ever wished to add a reference or source url to the copied text from your website, then here's a simple Javascript solution from C.Bavota. The idea of doing this is to provide credits to the source from where ...

How to create a hexagonal structure with an image covered using CSS3

In an attempt to create a hexagon shaped structure with an image inside the hexagon shape, I found many ways of doing it. Thought to share with you all hoping it would help you in some cases. They are : 1. Using ...

Simple and effective vertical menu with smooth Transitions using CSS3

If you are developing a website and searching for an attractive, simple and effective menu then you have come to the right place! In this tutorial, you would be provided CSS based vertical menu with smooth transitions using CSS3 only. ...

Create Stunning Animating Background Colors using jQuery!

Did you visit themify website recently? The popular WordPress theme designers have redesigned their official website and that featured a stunning animating backgrounds. In this tutorial, I'm going to tell you how to create animating background colors using jQuery. Here we go, All ...

Show social buttons on Image hover using CSS3 transitions [Demo]

CSS3 transitions are a great boon to the web-designers. In a way we can add awesome effects with just few lines of css code than using heavy Flash animation or JQuery, since all modern browsers support css3 transitions. CSS3 and HTML5 are developing ...

Blockquotes and Pull Quotes – The Better and Stylish way with Examples!

The first and foremost thing, you should decide before quoting a text in your website or blog is whether to use a Blockquote or Pull Quote. One might ask, does that really matter? The answer is, of course yes! This article ...

12 cool loading styles using css3 only – No Javascript!

If you have a super graphical page which has lots of objects to load then you would definitely want to hold the user for some time. But do you think anyone will wait seeing a blank page? So, its time to ...

vps germany

10 cool Transitions and Animation effects using CSS3 that attracts your users! [No Javascript]

CSS3 is the latest standard for CSS. CSS3 comes loaded with many  new features such as, Text Effects, 2D/3D Transformations, Animations, User Interface, etc., to make life easier for web designers and developers. With only few of lines of styling with CSS3, ...

Zoom an image inside a div on hover using CSS3 only

How many of us would have used Google+ and tried searching friends and like minded people for networking? For a non-developer, the notion would be to just make a network of friends. But a developer would closely look at the designs and ...

[WordPress Tips]: How to count number of posts between specific dates by a contributor ?

Recently in my Wordpress installation, was trying to find out the no. of posts by a contributor between specific dates to calculate the amount to be paid for the contributor and unfortunately couldn't find it anywhere ! I could only ...

HTML5 Canvas Scale, Rotate and Custom Transformation Tutorial

If you are a regular follower of Techglimpse, then you might have read our HTML5 tutorials; where we learnt about custom shapes, ...

HTML5 Canvas Global Composite Operations Tutorial and Demo

I came across an interesting HTML5 feature called "Canvas composite Operations". To explain this, lets consider a canvas element with a shape drawn on it. What happens when you draw another shape over whatever has already been drawn? Obviously the ...

HTML5 Canvas Clipping Region Tutorial – Beginners Guide

Last week, we saw how to draw a custom shape in HTML5 Canvas. What if you want to draw a shape inside another shape? For instance, lets assume ...

Create Linear and Radial Gradient Fill for shapes in HTML5 Canvas

In our previous article we told about Canvas Element and how to use it to draw Line, Circle, Rectangle and ...

  1. Pages:
  2. 1
  3. 2
  4. 3