Archives for JAVASCRIPT - Page 5

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

jQuery Plugin for Cartoon-like Background Image Sprite Animation – AniDG – (alernative to animated Gif)

What is AniDg? AniDg is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it's always better to use an animated GIF as this format is supported by all browsers without any JavaScript…
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

HTML5 canvas awesomeness – games roundup

HTML5 is being developed as the next major revision of HTML, the core markup language of the World Wide Web. Besides new elements like header, section, footer, etc., the HTML5 brings you the canvas element. The canvas is a rectangular area within you can use Javascript to draw graphics or other visual images on a…
Continue Reading
CSS - Cascading Style Sheets

Google Font API and Typekit solutions VS CCS3 @font-face

A quick tutorial here about setting up your website with custom fonts  I am also sharing these alternative solutions, pros and cons. The aim of this post is to briefly round up your options when using custom fonts in web design. CSS3 @font-face The @font-face was first proposed for CSS2…
Continue Reading
CSS - Cascading Style Sheets

The :before and :after pseudo-elements syntax

In my previous articles, you may have noticed how often I used these pseudo-elements. Why I like to use them? Because they are so handy to use as no extra HTML markup is required, but this article’s purpose isn’t about pseudo-elements advantages. This article’s purpose is to clarify some common…
Continue Reading