Tutorials

  • Creating a 3D Button in CSS3

    Creating a 3D Button in CSS3

    Nathan Barry  •  December 13, 2012

    Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 30 mins Today I want to show you how to use some of the awesome new features in CSS3 to create an animated,...

  • How to Create a Responsive Image Slider in jQuery and CSS3

    How to Create a Responsive Image Slider in jQuery and CSS3

    Valeriu Timbuc  •  November 14, 2012

    Topic: jQuery (flexslider) / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI. We will code...

  • How to Create a Vintage Photo Camera icon for App Store in Adobe Illustrator

    How to Create a Vintage Photo Camera icon for App Store in Adobe Illustrator

    Sergii Korolko  •  October 24, 2012

    Topic: Adobe Illustrator Difficulty: Intermediate Estimated completion time: 4 hours Hello everybody! Today I will tell you how to create a Vintage Photo Camera icon for App Store...

  • How to Create Seamless Subtle Patterns in Adobe Illustrator

    How to Create Seamless Subtle Patterns in Adobe Illustrator

    Iaroslav Lazunov  •  October 17, 2012

    Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 30 minutes In this Illustrator tutorial we will take a closer look at the process of creation of the...

  • How to Create CSS3 Pricing Tables

    How to Create CSS3 Pricing Tables

    Valeriu Timbuc  •  October 3, 2012

    Hello guys! In this tutorial we’ll learn how to code and style some CSS3 pricing tables from the Impressionist UI, made by Vladimir Kudinov. All said, let’s start the...

  • How to Create an Interactive Graph using CSS3 & jQuery

    How to Create an Interactive Graph using CSS3 & jQuery

    Valeriu Timbuc  •  August 22, 2012

    Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the...

  • How to Create Infographics in Adobe Illustrator

    How to Create Infographics in Adobe Illustrator

    Iaroslav Lazunov  •  July 17, 2012

    Topic: Adobe Illustrator Difficulty: Intermediate / Advanced Estimated completion time: 2 hours In this tutorial we will learn how to create the information graphics...

  • Create a Website using UI Packs (PSD to HTML) – Day 3

    Create a Website using UI Packs (PSD to HTML) – Day 3

    Valeriu Timbuc  •  June 21, 2012

    Welcome to the last day of our tutorial (Day 1, Day 2). Today we will create and style the last section of the template, the footer. We will also add the jQuery scripts to make...

  • Create a Website using UI Packs (PSD to HTML) – Day 2

    Create a Website using UI Packs (PSD to HTML) – Day 2

    Valeriu Timbuc  •  June 20, 2012

    Yesterday we started a new tutorial series about coding a PSD template using HTML and CSS3. Today we will continue coding our template. We will code the featured movies section...

  • Create a Website using UI Packs (PSD to HTML) – Day 1

    Create a Website using UI Packs (PSD to HTML) – Day 1

    Valeriu Timbuc  •  June 19, 2012

    Introduction During the past months we released on DesignModo a few User Interface Packs. All this UI Packs were made in Photoshop and we received a lot of requests to create some...