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 : CSS July 2015
-
-
Making A Custom Gradient For ChartJS
Having a dependable set of tools at your disposal is a must. For me, ChartJS has been one of those tools when I’m in need of dynamic charts. Here’s an explanation on how I customized the fill color for the WATH project sent to me by Theron Studios along with a small tip for loading charts smoothly on initial page load. 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 →
-
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 →
-
Real Sass, Real Maps
Adventure seekers describe a map as a guide. A symbolic depiction highlighting relationships between elements of some space, such as objects. To travelers, maps are a must and soon you’ll discover the powerful benefits of using maps as well, but with Sass. Sass maps are about to become your new BFF and here’s why. Read More →
-
Flexbox Sticky Footer
We’ve all heard of the famous sticky footer and of course there are 101 million ways to skin that cat (Example 1, Example 2, Example 3 …and so on). Let’s take a look at a way to do this same idea, but using Flexbox. Read More →