Tag Archives : Responsive Web Design June 2015

• Making A Custom Gradient For ChartJS

  Posted : June 10, 2015 | Filed Under : JavaScript

  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 →

• Coding for Touch & Click Events

  Posted : January 31, 2014 | Filed Under : Accessibility

  Recently I watched a video on building for touch screens that discusses the challenges when building for touch and keyboard interactions —something that is on the mind of many, many, many, many, many people and something I’ve written about before. So what’s the best way to deal with touch at the moment? Modernizr? Well, detecting for touch primarily using something like Modernizr.touch can sometimes lead to false positive results plus it can be dangerous to make that assumption when a device also includes a keyboard. Read More →

• Sass Media Query Mixin

  Posted : September 26, 2013 | Filed Under : Sass

  Media queries are a gigantic pain in the ass especially when they’re scattered throughout your code base. This Sass @mixin attempts 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 @mixin without 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

  Posted : June 12, 2013 | Filed Under : 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 →

• The point is there is no point in #RWD

  Posted : November 9, 2012 | Filed Under : CSS

  Lately I’ve been curious about units used in #RWD –mostly rems I have to admit. Yes, discussing the correct or preferred values to use in #RWD is a topic that definitely makes me fall asleep, but instead of writing the same post about why ems are good for sizing in #RWD, I thought I would look at why pt isn’t beneficial when used in a #RWD setting – also due to a recent conversation on Twitter about the lonely pt. This surely goes for you nasty pixels too, but I’ll keep it to the pt for today –no pun intended. Read More →

• Responsive Imagery

  Posted : March 27, 2012 | Filed Under : Retina

  Before we start, take a deep breath and release. Feel better now? Great! Then let us begin our training into the dark magical arts of retina image enhancements. I should preface this by saying I will not be discussing anything app related as this discussion will be purely web based. You can refer to the links at the end of this article for more info on app UI design. Ready to dive in? Then let the training commence with a direct quote via Apple on the retina display. Read More →

• Design For The Future

  Posted : December 10, 2011 | Filed Under : CSS

  I’ve been thinking a lot lately since the surfacing of terms like Responsive Web Design, Adaptive Web Design, and even more so upon hearing Mark Boulton discuss the shape of the web we are currently experiencing. Read More →