Tag archives for javascript functions - Page 4

CSS - Cascading Style Sheets

Cool Animated Fire Effects with CSS3 and jQuery

This effect has been created with some jQuery for setting different CSS3 text-shadow's in a div. You can check the demo code to see how it's done. Basically, the Javascript function creates 3 text-shadows (white, yellow and red) with coprime "cycle durations" so the effect looks more random even though…
Continue Reading
CSS - Cascading Style Sheets

Animated Notification bubble icon with CSS3 keyframe animation

The other day, while working on a web project, I had to emphasize somehow a dynamic notification bubble. Basically, every time the notification value changes, a visual effect was needed in order to get user's attention. So I made that using CSS3 keyframe animation. The HTML For this example, we'll…
Continue Reading
CSS - Cascading Style Sheets

Unquoted font family names in CSS

Are the quotes in font-family: 'Comic Sans MS' required, or not? According to the the CSS validator, the quotes are supposed to be there in this case because the font family name contains spaces: Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are…
Continue Reading
CSS - Cascading Style Sheets

DG_Slider – An Ultimate jQuery Content Slider Plugin

DG_Slider is a jQuery  plugin that carries you on a content slider or carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is light weight, at about 14 KB in size, yet very flexible and customizable to fit most of our…
Continue Reading
CSS - Cascading Style Sheets

How to create a cool and usable HTML5, CSS3 search box

In this new article, you'll learn how create a cool and usable CSS3 search box using the HTML5 placeholder attribute. For the browsers that don't support this new HTML5 attribute, a fallback is created using Modernizr's feature detection. Structure The form element is used as the wrapper, while the two inputs are used as…
Continue Reading