Tag archives for html basics - Page 3

CSS - Cascading Style Sheets

CSS3 3D effect, Shine text with css3 keyframe animation, Scrolling Page Background with jQuery – Happy New Year

On the occasion of New Year 2013, I thought to wish this festival by creating a nice webpage greeting. So, today I created this greeting card using 3D  and shining text effect with the help of CSS3, and scrolling background with JavaScript. I hope you all will enjoy this holiday as well…
Continue Reading
CSS - Cascading Style Sheets

Snow-Fall Effect with JavaScript – Creating Merry Christmas Greetings

On the occasion of Christmas and winter Holidays, I thought to wish this festival by create a nice webpage greetings. So, today I had created this Christmas greeting card using snow-fall effect with help of CSS3 and JavaScript. I hope you all will enjoy this holiday and my web-card too :). Today we will create a Christmas greeting…
Continue Reading
CSS - Cascading Style Sheets

Simple and Easy Tooltip Using jQuery & CSS3

I love jQuery and the way it makes web-designer's/developer's life easier.  Although it took all a while to accept it. I still prefer to write my own stuff, I can't deny its advantages.   Today I will show you a "Tool-Tip" examples of using the same very, very simple script. Features and…
Continue Reading
CSS - Cascading Style Sheets

Cool Typography Effects With CSS3 and jQuery

Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we'll explore some of the possibilities. Today we will create a set of nice typography effects for big headlines using CSS3…
Continue Reading
CSS - Cascading Style Sheets

Hover and Click Trigger For CIRCULAR Elements With jQuery

Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click' events to be triggered only on the circular shape of the element and not its bounding box. Applying a :hover pseudo-class to an…
Continue Reading
CSS - Cascading Style Sheets

Rotating Words With CSS Animations – CSS3 Keyframes Animation Example

In today's tutorial we'll create another typography effect. The idea is to have some kind of sentence and to rotate a part of it. We'll be "exchanging" certain words of that sentence using CSS animations. Please note: the result of this tutorial will only work as intended in browsers that…
Continue Reading
CSS - Cascading Style Sheets

Top 10 Reasons to Start Using HTML5 Right Now…

So you’re still not using HTML5, huh? I guess you probably have your reasons; it’s not fully adopted yet, it doesn’t work in IE, you don’t like users, you’re out of touch or you are just passionately in love with writing strict XHTML code. HTML5 is the revolution that the web…
Continue Reading
CSS - Cascading Style Sheets

Random 3D Explosions, 3D clouds – Effects with CSS 3D and jQuery

Introduction This tutorial will try to guide you through the steps to create a 3D-like, explosions in sky or billboard-based clouds. There are a few advanced topics, mainly how 3D transformations via CSS properties work. If you want to find more information, this is a nice place to begin. If you're…
Continue Reading