Tag Archives : Responsive Web Design June 2015

  • GSS: Layout Reimagined

    Layout on the web is certainly an extremely time consuming process and the most outdated. Floats and such still don’t cut it. At it’s core, Grid Style Sheets (GSS) reimagines CSS layout and harnesses the Cassowary Constraint Solver – the same algorithm Apple uses to compute native layout. OK sounds good, but is it a pre-processor? Well… no not exactly. Read More →

  • Coding for Touch & Click Events

    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

    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

    “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

    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

    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 →