SCSS and Media Queries Using @content

Found this great bit of code over at The Sass Way, useful for those using sass media queries for devices:

$break-small: 320px;
$break-large: 1024px;

@mixin respond-to($media) {
  @if $media == handhelds {
    @media only screen and (max-width: $break-small) { @content; }
  @else if $media == medium-screens {
    @media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1) { @content; }
  @else if $media == wide-screens {
    @media only screen and (min-width: $break-large) { @content; }

.profile-pic {
  float: left;
  width: 250px;
  @include respond-to(handhelds) { width: 100% ;}
  @include respond-to(medium-screens) { width: 125px; }
  @include respond-to(wide-screens) { float: none; }

basically you can create breakpoints for your devices and then reference them easily w/o having to remember all the values.



Most companies (including web startups), he said, are looking to “wow” with their products, when in reality what they should be looking for is an “‘of course’ reaction from their users.”

Puzzled, I looked at him. And then it hit me: Great design means that one look and the end user reacts by knowing what to do with a knob or a button, without as much as even thinking about it. Of course this knob is what turns the volume up, or brings up the home screen.


Asking Mobile Users to Use Landscape Mode

Came up with this little “trick” when designing a page that just wouldn’t “work” (logically, not technically) in portrait mode.

When the mobile browser goes into portrait mode, it places a dark semi transparent (think lightbox) layer ontop of the whole browser with a message in the middle of the window. This is all handled in CSS thanks to the body:after pseudo class.

6 Weeks In

So its been six weeks since I started working at LivingSocial… it is amazing. 

Now, there is a lot I miss about freelancing; make my own hours, no commute, no “vacation time” scheduling. I love freelancing, and one day I am sure that is where my path will lead me back to. 

That being said, for what I am trying to do with my life now; moving into Washington, DC, doing more “networking” (social kind, not the cable) and really stepping back and taking some time to do some reading/learning, and for this, I couldn’t ask for a better job.

Anyway, this will be the last I will say about it, I don’t want to get all gushy, but if you are looking for a job change and you can find something on the LivingSocial jobs site that fits your needs, I highly recommend you give it a shot.

Tags: livingsocial/

Starting Fresh

In an attempt to clear out all the cruft in my life I am starting fresh with my blog. Having a stand alone blog and having to maintain it and the feeling that I needed to write super long posts was just too much and I ended doing nothing. 

So new year, new job and soon to be new apartment… time to switch it up. I got tumblr on my phone… lets see what we can do here :)