I want to share 30 powerfull CSS examples with source code for web developers. Animated with CSS and hand-picked to this list for your inspiration.Read More
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
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
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
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