Coding

  • Create an SVG Animation using CSS and JavaScript

    Create an SVG Animation using CSS and JavaScript

    Sam Norton  •  April 24, 2015

    SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and...

  • Flat Design vs. Material Design: How Are They Different?

    Flat Design vs. Material Design: How Are They Different?

    Anna Lisnyak  •  April 10, 2015

    Two similar design styles, one based on the other. One the “hot new thing,” one — some speculate — on its way toward becoming a passing fad. One a spontaneously-adapted...

  • CSS3 Hover Link Effects

    CSS3 Hover Link Effects

    Sam Norton  •  March 10, 2015

    One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page. Typical links contain simple...

  • Effective Web Typography: Rules, Techniques and Responsive Design

    Effective Web Typography: Rules, Techniques and Responsive Design

    Sam Norton  •  February 16, 2015

    Responsive Web Design isn’t just about columns, grids, images and icons. All of this will not make sense without text for content. As Bill Gates once said “Content is...

  • How to Build a YouTube Video Website Background

    How to Build a YouTube Video Website Background

    Sam Norton  •  February 2, 2015

    Big video backgrounds are a recent, and popular, web design trend. Browser-sized videos have brought about a new era of web design in a creative way. If implemented well, video...

  • How to Create a Responsive Email Template

    How to Create a Responsive Email Template

    Sam Norton  •  January 8, 2015

    Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports. Imagine having a...

  • What is TypeScript? Pros and Cons

    What is TypeScript? Pros and Cons

    DataArt  •  December 3, 2014

    JavaScript is far from the best-designed language and has a number of features and quirks that make it difficult to build large-scale applications: It’s easy to define a...

  • A Closer Look at Mozilla Firefox Developer Edition

    A Closer Look at Mozilla Firefox Developer Edition

    Sam Norton  •  November 17, 2014

    Just in time for Mozilla’s 10th anniversary of Firefox, comes a series of new projects such as Polaris, Interest Dashboard and the one that’s been talked about for...

  • Online Courses and Resources where Anyone can Learn to Code

    Online Courses and Resources where Anyone can Learn to Code

    Carrie Cousins  •  November 10, 2014

    We are in the midst of a digital era of design. From websites to apps to wearables, understanding how digital design is written and comes together is increasingly important....

  • How to Create Off-Canvas Sliding Navigation Menu

    How to Create Off-Canvas Sliding Navigation Menu

    Sam Norton  •  November 6, 2014

    Off-Canvas Navigation has been on the web for quite some time and is widely used on different types of websites to provide better user experience primarily for mobile device...