Category: Tutorials

20 Incredibly Useful Tutorials for Sketch 3
TipsTutorialsWeb Design

20 Incredibly Useful Tutorials for Sketch 3

The best way to learn design is to copy other works and watch tutorials. It’s not enough to know the how to design, we need to know how our tools are working. That’s why at the main beginning you should look for articles or tutorials about the tools. Today I’m talking about my new favourite design tool – Sketch 3.

If you’re beginner or even never tried Sketch 3 check these two articles The A to Z of Sketch & Sketch for Beginners for the explanation about the tool and best tips. When you will know what every function do, and how to rule your tool you are to design so stuff!

Today I’m sharing tutorials to faster learn design with Sketch 3. Almost all tutorials are article type, but at the end of the article there is short list of websites with video tutorials.

Read More
20 Free Retro Photoshop Tutorials
All PostsPhotoshopTutorials

20 Free Retro Photoshop Tutorials

Instagram has brought retro effects back and made vintage look cool again. Photoshop is an amazing tool letting you go back in time and recreate the nostalgic looking design artworks.

Today I have collected 20 beautiful Photoshop tutorials showing you the techniques and tricks creating retro graphics and vintage effects. Starting with beautiful typography tutorials and finishing with appealing photo effects you will definitely learn new Photoshop skills and have much fun.

Read More
10 Useful Sass Mixins for Modern Developer
All PostsTutorials

10 Useful Sass Mixins for Modern Developer

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. I’ve been using Sass for quite sometime and found out that mixins are something any front-end developer would enjoy and take advantage of saving time and being more efficient.

A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. You can even pass in values to make your mixin more flexible.
It save quite a lot of time and helps developers ensuring that the code is not redundant and organized nicely.

I recommend using Compass as they have many built in mixins that simplify developers work.

Read More
28 Photoshop Tutorials for Learning New Web Design Techniques
All PostsPhotoshopTutorialsWeb Design

28 Photoshop Tutorials for Learning New Web Design Techniques

Some designers advocate skipping the Photoshop process and moving from wireframes directly into HTML/CSS. This is possible for smaller projects but not always advisable. Adobe Photoshop offers the best tools for testing color schemes, gradients, icons, and detailed page elements before moving the layout into your browser.

If you’re a little rusty in Photoshop then these tutorials should get you back into the groove. I’ve collected 28 web design tutorials centered around Photoshop techniques for designing typical page elements. Most are simple enough that you can follow along without much prior experience in the software. But even the more advanced tutorials can offer insights and help newcomers understand the digital design process.

Read More
28 Tutorials about SVG Images in Web Design
All PostsTutorials

28 Tutorials about SVG Images in Web Design

Scalable images have become a lot more popular in recent years. As modern browsers slowly accept the notion of SVG images we can see many techniques being released out on the web. These range from scalable responsive logos to animated line drawings – all through the use of dynamically-generated images.

This collection of tutorials should be more than enough to get you all caught up to speed with the latest trends. Even if you know absolutely nothing about SVG images or how they’re created, these articles should provide insight along with a few industry tips & tricks. SVG resources appear to be a growing solution amongst web designers. Take a look over this showcase to understand what all the fuss is about.

Read More