Browse By

Category Archives: CSS


Smooth and momentum scrolling on touch devices using CSS

You all know how to use CSS property “overflow: scroll / auto”. What about a touch enabled device, a tablet or a mobile phone??? Basically mobile browsers sometimes don’t respect “overflow” property correctly. The CSS property “-webkit-overflow-scrolling” fix this issue. Even it added a smooth and momentum

CSS3 Animation

CSS animation performance optimization techniques

How CSS animation works? I think the easiest way is to look through it on an example: on Let’s take the simplest animation – 2nd one. We have several elements (in our case < div >), that we are planning to animate. In this particular

How browsers render CSS3 animation?

Basically, in the animation algorithm we setup the time frames of the whole animation period and tell what transformations, positions and other attributes it should take at each particular frame of time period and the browser simply creates a tween animation between those instructed time

CDATA - Character Data

Use of CDATA within a Script and Style Tag

The term CDATA, meaning character data, is used for distinct, but related, purposes in the markup languages SGML and XML. The term indicates that a certain portion of the document is general character data, rather than non-character data or character data with a more specific,

CSS Compressors

Top Five CSS Compressors

Why to use CSS Minifier? As per Google Insight Rules, Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser – e.g. code comments and formatting, removing unused code, using shorter variable and function

Top Online Loading AJAX Spinner Generator Tools

Top Online Loading AJAX Spinner Generator Tools

1. PreLoaders This is the best tool available to generate animated loading GIF and APNG (AJAX Loaders). The simple interface is very easy to understand and to create an animated GIF. 2. LoaderGenerator A very simple and less options to create animated gif loader online.

Font Face Generators

How to use your own web fonts for a website?

Web fonts allow Web designers to use fonts that are not installed on the user’s computer. When you have found/bought the font you wish to use, just include the font file on your web server, and it will be automatically downloaded to the user when needed. Your

An Introduction to CSS Preprocessors

What are CSS Preprocessors? CSS preprocessors are not CSS, so that not bound by the limitation of the CSS. It adds power and elegance to the basic CSS language. It allows to use variables, nested rules, mixins, inline imports, and more, all with a fully

Latest Posts