Category: Web Design

Free Tools For Testing Responsive Layouts

Best Free Tools For responsive web design and mobile tester

What is Responsive Website? Responsive design is the web design approach aimed to view websites on different devices, resolution. Checking that able render and adjust the page to provide optimal viewing experience. GOOGLE MOBILE TEST Google...

how-to-animate-text-using-Animejs-easy

How to animate text using Anime.js easy

Anime.js is another one in an already impressive row of frameworks for animate text. It does not allow for the animation via CSS attributes, but we can also alter SVG and HTML attributes with...

How to Masonry Layout CSS with Pure HTML

One popular content layout style is “masonry”. Masonry layout css 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...

how to create an animated, closable side navigation menu.

Left and Right Sidenav with angularjs

A javascript sidenav component that can be opened and closed by coding. In every css framework we can see many javascript components. In which sidenav component is provided where just need to plug and...

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...

SVG 3D Tag Cloud jQuery Plugin

A very small and CSS-less jQuery plugin for drawing a 3D, interactive, SVG based and fully customizable sphere tag cloud from an array of html links. “SVG 3D Tag Cloud” is a lightweight jQuery plugin...