Tutorials

  • How to Create Vector Textures in Adobe Photoshop and Illustrator

    How to Create Vector Textures in Adobe Photoshop and Illustrator

    Andrei Ștefan  •  September 1, 2014

    For some time, textures have been an important part of graphic design, but the process for creating them is not always that clear. This ultimately led you on a hunt to find the...

  • 15 Responsive jQuery UI Snippets & Modules

    15 Responsive jQuery UI Snippets & Modules

    Stelian Subotin  •  August 28, 2014

    With responsive web design evolving as a must-have for every website, more user-interface related issues have started to come up when designing for mobile and tablet devices. In...

  • How To Create a Web Icon in Adobe Illustrator

    How To Create a Web Icon in Adobe Illustrator

    Andrei Ștefan  •  July 28, 2014

    Ever wanted to design an icon for the web? Today is your day. In this tutorial you’ll learn how to design web icons. If you’re an icon addict, you probably already know...

  • How to Use SVG Patterns

    How to Use SVG Patterns

    Joni Trythall  •  July 7, 2014

    SVG patterns are one of several paint options that we have for coloring the fills and strokes of shapes and text. While generally regarded as one of the more complex options,...

  • Creating a Scalable SVG Infographic

    Creating a Scalable SVG Infographic

    Benedikte Vanderweeën  •  June 18, 2014

    In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as graphical format. I’m also using CSS3 animation techniques to animate...

  • Animating SVG Gradients

    Animating SVG Gradients

    Joni Trythall  •  June 4, 2014

    SVG gradients are so handy. We can fill complex shapes and create depth and character for our artwork all while having access to it in the DOM. Within SVG linear and radial...

  • What are HTML Imports and How Do They Work?

    What are HTML Imports and How Do They Work?

    Paula Borowska  •  May 7, 2014

    Have you ever noticed that including another HTML page inside another is like a foreign concept? It’s something that should be easy to do but you don’t see it often. It’s...

  • Using backface-visibility and CSS Animations

    Using backface-visibility and CSS Animations

    Joni Trythall  •  April 28, 2014

    There are so many fun and interesting design possibilities with backface-visibility. When you turn an element over, what do you want to see? By default, we see a mirror image of...

  • How to Customize a Website with Startup Framework

    How to Customize a Website with Startup Framework

    David East  •  April 14, 2014

    Now that you have built your first website using Designmodo’s Startup Framework, you probably want to further customize your site. In this series of four videos, we will take...

  • How to Create a Splash Screen Illustration

    How to Create a Splash Screen Illustration

    Benedikte Vanderweeën  •  April 10, 2014

    In this tutorial, we will walk through the process of creating a splash screen illustration using vector elements created in Illustrator and applying them to a template in...