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 →
Tag Archives : Front-end Development July 2015
-
-
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 →
-
Transformicons
As of lately, my interests in terms of Web development have gone from a devotion to responsive design techniques to the appreciation of finely, well-made animations and interactions. Today I’d like to share a project called “Transformicons” that’s inspired by the work of Bennett Feely and Sara Soueidan. Read More →
-
Animated Polygon Art
Recently, I began writing my series for Tuts+ discussing in-depth how to use and understand TimelineMax by GreenSock. The results of my studies and research has thrusted me from a CSS animation lover to someone that appreciates the fine control achieved with the GreenSock Animation Platform (GSAP). Let’s examine the benefits of this control using a couple of amazing pieces of artwork presented as SVG. Read More →
-
BEM Relationships
I know bem is pretty hot right now, but I think for a good reason. We’re specifically decoupling components for reuse in a modular fashion and ensuring relationships have meaning. This approach ensures that everyone participating in the development of a website is working with the same codebase and using the same terminology. Here’s a short explanation on how to author bem correctly specifically in a parent/child relationship. Read More →
-
Fixed Curtains Pattern
Layout patterns are great for initiating projects quickly, but the ones that provide a plethora of opinionated styles can become frustrating and overwhelming to remove when desired. I’d like to share a few examples and end with a free HTML layout pattern for you to help alleviate unwanted styling and get started on a template pattern quicker that I call “Fixed Curtains.” Read More →
-
How to ScrollMagic
ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek.
Like Superscrollorama it relies on the Greensock Animation Platform (GSAP) to build animations, but was developed with specific regard to former shortcomings. Read More →