Tutorials

  • 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...

  • What Can CSS Filters Do for You?

    What Can CSS Filters Do for You?

    Paula Borowska  •  April 9, 2014

    CSS filters have been around for a while. They originated thanks to SVGs – Scalable Vector Graphics – in order to apply different image effects to vectors. Today, CSS...

  • Tutorial: Make a Landing Page Using Generator

    Tutorial: Make a Landing Page Using Generator

    David East  •  April 4, 2014

    Designmodo’s Generator works with Startup Framework to create an easy drag and drop landing page for almost any website/startup. The two-part video tutorial shows you how easy...

  • How to Use steps() in CSS Animations

    How to Use steps() in CSS Animations

    Joni Trythall  •  March 31, 2014

    I am guessing that many of you have found steps() to be confusing when using it in CSS animations. I wasn’t sure how or why to use it at first and searching seems to produce two...

  • Playing with CSS3 Animations

    Playing with CSS3 Animations

    Vincent Tantardini  •  March 28, 2014

    I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is...

  • Responsive CSS Keyframe Animations

    Responsive CSS Keyframe Animations

    Joni Trythall  •  March 20, 2014

    I know I am not alone in the pure love and happiness I feel towards CSS animations. I also know I am not alone in the love and happiness I feel towards my mobile phone. Yet, the...

  • How to Create an App Icon in Adobe Illustrator

    How to Create an App Icon in Adobe Illustrator

    Benedikte Vanderweeën  •  March 17, 2014

    In this tutorial, I’m creating an icon for a message/chat application, I’m using a “postman” bird as starting point. This tutorial gives you a insight in...

  • Transfer CSS to LESS when Building a Website with Startup Framework

    Transfer CSS to LESS when Building a Website with Startup Framework

    David East  •  March 7, 2014

    What you will learn in this tutorial: How to code a website (Startup Framework) using LESS for simpler, leaner CSS. Video run time: 4 minutes David East takes you step-by-step...