Tag Archives : Front-end Development July 2015

  • Atomic Guide

    Pattern guides are created in order to gain a perspective of the project’s parts and inner workings. This process helps developers arrive at an educated decision based on the project’s context. By working in this fashion authors can identify possible coding issues and collectively organize these shared principles across an interface. Read More →

  • TimelineMax: Getting a Handle on Bézier Tweening

    Plugins for GSAP are great when you need advanced capabilities. The BezierPlugin I’ll be explaining in this tutorial helps animate virtually any property (or properties) along a curved bezier path defined as an array of points/values. Before jumping in we should take a moment to learn what a bezier curve is and where it came from. Read More →

  • Introducing ScrollMagic 2.0

    If you’re desperate to generate beautiful scroll animations in your next project, then look no further. ScrollMagic is a JavaScript library to help you create “magical” scroll interactions which effortlessly react to the user’s current scroll position and trigger animations or synchronized events. Read More →

  • Theming Form Elements with Sass

    Form inputs without a doubt encompass a sizable portion of the Web. Since form controls can and will be encountered by users daily, it only seems fitting to lend our attention to a few suspects by furnishing each one with Sass’ strength to help us theme our project’s input’s swiftly. Read More →

  • Yeoman for Newbs

    Being efficient in your workflow and decreasing the time required for common tasks is never a bad thing. In this article I’ll be discussing Yeoman; a scaffolding tool that can help improve your workflow from package management to development to deployment. Preparing new projects with instant best practices and tools to stay productive just became extremely painless and straight forward. Read More →

  • TimelineMax: An Introduction to Tweening

    In the olden days of animation tweening was a term used to describe a frame by frame sequence, or what’s sometimes referred to as “in-betweens.” It’s that place where a single movement leads into the next to create one fluid motion. For those that have gray hair you may recall Flash; an application that used this term when referring to frame movements. Let’s take an insightful look into a few examples and give this tweening thing a good ol’ fashioned college try. Read More →

  • Making Use of Zip Function in Sass

    Sass alleviates the need to write repetitive code when it comes to our stylesheets, but you knew that already or else you wouldn’t be reading this far. I want to show you a nice, savvy way to write shorthand properties without the need to remember the order of values for CSS like animation and font. Read More →