Tutorials Depot

How To Create Calls To Action That Work

How To Create Calls To Action That Work

Call to actions that work don’t exist separately, as they needs the company of a clear value proposition and good design. All compliment each other and strengthen the message. Read me, buy me, register...

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

icons in Adobe XD

How To Create Icons In Adobe XD

Adobe XD (Experience Design) is a new all-in-one tool that lets you design and prototype websites and mobile apps released in March 2016. It provides various tools for drawing and working with basic and complex shapes. If...

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