Tutorials Depot

What is Concept Design Process and how it works

What is Concept Design Process and how it works

Concept design is an early phase of the design process that explores design ideas which are thinkable but which often set aside once technical and situational constraints in order to generate new options. The...

Why Customer Experience Is As Important As User Experience - TutorialsDepot

Why Customer Experience Is As Important As User Experience

The Customer Experience (CX) encompasses all experiences an individual has with your brand, services, content, touch-points, interactions, employees, products and so on. It can be hard to measure, but you could take into account the customer’s...

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