Life's easy with Medialoot.

Unlimited access for only $14/mo.

image description

Blog Category: Tutorials

How to Create a Calendar Icon Using Bohemian Coding Sketch

This icon design tutorial for Sketch 3.x will teach you how to use the Mac app by Bohemian Coding to create an attractive calendar icon using a combination of skeuomorphic and flat design principles.Read more

How To Create an OS X Yosemite Style Safari App Icon with Photoshop and Illustrator

The next version of OS X called 'Yosemite' was unveiled by Apple last week and it features a completely overhauled user interface, including redesigned app icons. The new icons are a blend between traditional skeuomorphic styling and the ultra-flat iOS 7 style, the results are familiar yet fresh and eye...Read more

Tutorial: Easily Create an Artistic Watercolor Painting in Photoshop

Watercolor effects have long been a popular style among designers. While many of techniques involve building the watercolor strokes from scratch, in this tutorial we'll use existing watercolor textures and some simple image combination to show you how to quickly turn almost any image into an artistic watercolor painting.Read more

How To Create a Tangy Orange Text Effect With Photoshop Layer Styles

Layer styles are a fun way of quickly transforming text, but they can also be quite tricky to get right. All too often text layer styles look like tacky remnants from the Web 2.0 era. However, when used correctly and appropriately they can also be pretty awesome! This tutorial will...Read more

How to Style and Animate SVG Elements with CSS

In this tutorial, I will show you step-by-step how to animate a SVG (Scalable Vector Graphic) icon using CSS. This tutorial will give you valuable insight for using SVG as your preferred graphic format. Also, you can improve the UI and UX of your web applications by incorporating subtle animations...Read more

How to Maximize WordPress Efficiency using get_template_part and the DRY Principle

The DRY principle in any development work is crucial. DRY, or Don't Repeat Yourself, saves designers and developers tons of time when anything needs to be tweaked, edited, or completely changed. While it takes more of a top-down approach to wrap your head around a more efficient process, the efficiency...Read more

How to Create a Website Header Design Using Bohemian Coding Sketch

If you have recently added Sketch, the new vector drawing app from Bohemian Coding to your design workflow or are considering a switch from Photoshop, Fireworks or Illustrator over to Sketch, then the best way to fully get to grips with the new app is to design with it! This...Read more

How To Create A Responsive Navigation Menu Using Only CSS

In this tutorial we will be creating a basic responsive navigation menu with dropdown using only HTML and CSS. Many navigation menus (especially responsive ones) are created using a combination of HTML, CSS and Javascript. This simple CSS only method will demonstrate that Javascript isn't always necessary!Read more

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all