Tutorials

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

  • Build a Website using Blocks of Startup Design Framework

    Build a Website using Blocks of Startup Design Framework

    David East  •  February 20, 2014

    What you will learn in this tutorial: How to use blocks and create a web page from scratch using the Startup Design Framework. Video run time: 5 minutes Here is step-by-step...

  • Flat UI Pro Tutorial: How To Use jQuery to Add Functionality to a Custom Mailbox

    Flat UI Pro Tutorial: How To Use jQuery to Add Functionality to a Custom Mailbox

    David East  •  January 16, 2014

    Now that you have gone through a series of tutorials with David East to create a custom mail app, he is back in this lesson to show you how to add jQuery functionality to it. The...

  • Flat UI Pro Tutorial: How To Use LESS in the Creation of a Custom Mailbox

    Flat UI Pro Tutorial: How To Use LESS in the Creation of a Custom Mailbox

    David East  •  January 6, 2014

    David East is back with another great video tutorial using components from Designmodo’s Flat UI Pro. In this video, he takes you step-by-step through the process of using LESS...