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 : Sass July 2015
-
-
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 →
-
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 →
-
Orbit Button Glow
Maybe you’ve seen this type of interaction already if you’ve taken a glance at Polymer’s paper components. The idea is that when a click event is triggered an orb like glow appears and then vanishes at the end of the event. It’s a nice and subtle way to provide user feedback when they interact with an element on your page, but also doesn’t break layout if it sits next to other items. We achieve the effect through the use of keyframe animations, class toggling with JavaScript and using the
animationendlistener made available via JavaScript. Read More → -
Sass Media Query Mixin
Media queries are a gigantic pain in the ass especially when they’re scattered throughout your code base. This Sass
@mixinattempts in a half-ass way to resolve that problem (for me personally) by keeping it DRY and defining once. There’s also a RubyGem called “Breakpoint” http://breakpoint-sass.com, however I desire a custom@mixinwithout the reliance of a dependency like a Gem to manage this for me. Read More → -
What do I call it? : Media Query naming conventions in Sass
“Hey you, Sass developers who use variables for media queries! How do you decide what to name the media queries?” It’s a pretty common question in programming languages other than Sass, and one that is always the toughest to decide.
When Chris Van Patten asked in this tweet there were a few replies. Some answers assorted and some similar. If you aren’t aware of Chris Coyier’s post on naming conventions then be sure to check that out before reading further. It’s what I call “the bear approach.” Read More →