Category: Web Design

How to Masonry Layout Made From Pure HTML and CSS

One popular content layout style is “masonry”. Masonry style layouts aren’t something new.  CSS Grid Layout is supported natively. Opera Mini is an exception. In the Internet Explorer, the prefix ms is required. The same applies...

Sass is a CSS preprocessor

What is Sass ? how to use it and compile ?

What is Sass ? Sass stands for Syntactically Awesome Style Sheets. It is a CSS preprocessor. The syntax is .scss (example style.scss) and output file can be style.css. It is an extension of CSS...

Top recommended fonts from Google Web Fonts

You will find many unfavorable reviews about the quality of GWF’s fonts and the amateur nature of many typefaces. We must remember that Google Web Fonts is a collaborative open source project, but many...

Email Newsletter Design Gallery and Examples

Email Newsletter Design Gallery and Examples

The increased demand for this genre is no surprise, really – according to an iContact study, small and medium-sized businesses now spend the biggest share of their marketing budgets on email campaigns – 15...

SVG 3D Tag Cloud jQuery Plugin

“SVG 3D Tag Cloud” is a lightweight jQuery plugin that creates a three dimensional Tag Cloud. Easy to use. Only requires 5 KB of filesize. No depandancies. No additionals plugins. Fully customizable. Read More...

Polaroid Stack to Grid Intro Animation

Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website. View demo Download source Planning the effect We...

Lightcase.js : jQuery Flexible Lightbox Plugin

Responsive Lightbox based on jQuery and SASS. Lightcase is a powerful and flexible Lightbox Plugin for desktop and mobile devices. It uses CSS3 for all transitions, deals with separate resources related to device density...