shortcircuit3

Things that are nice to see in the design world

Rethinking conventions

Teehan + Lax's new website — They decided to exclude their portfolio and services page for a good reason. Read more about it on their blog

Hessian by Ben Pieratt — An interesting approach to corporate identity design. The inverse has been taught for years and it is refreshing to see someone question the status quo.

Things that are painful to see in the design world

shortcircuit3

<% css_path = sitemap.resources.select { |p| p.source_file.match(/all[.]css$/) }.first %>

<style type="text/css">
  <%= css_path.render %>
</style>

shortcircuit3

SoundCloud Design Challenge

Imagine you could rebuild SoundCloud. But you’d be restricted to only three actions a user could do. Which actions would you choose and how would you design that very simple SoundCloud app. (App could mean a native app for iOS or Android or a web app for Desktop or Mobile.)

As a deliverable we would expect a concept that is outlining your choices and your thoughts for the simplified app. We want to get an idea of how you think.

Your ideas should be illustrated with screens that go beyond wireframes. We should be able to get a good idea of your interaction and visual skills. As a plus you’d build a prototype.

shortcircuit3

var timeout;

function hide() {
  timeout = setTimeout(function () {
    $(".tooltip").css('margin-bottom', '-160px');
  });
}

$(".button").mouseover(function () {
  clearTimeout(timeout);

shortcircuit3

var userAgent = navigator.userAgent,
    uaCheck = {
      ios: userAgent.match(/(iPhone|iPod|iPad)/),
      ipad: userAgent.match(/(iPad)/),
      iphone: userAgent.match(/(iPhone)/),
      blackberry: userAgent.match(/BlackBerry/),
      android: userAgent.match(/Android/)
    };

// Example

shortcircuit3

var random_interval = 0;
var textArray = ['home','office','school','hotel','gym','daycare', "doctor's office"];

$(".random").hover(
  function () {
    random_interval = setInterval(function(){
      var randomIndex = Math.floor(Math.random() * textArray.length);
      var randomElement = textArray[randomIndex];
      $('.random').text(randomElement);
    }, 300);

shortcircuit3

// Problem - The variables in the location object change frequently
var lat = results[0].geometry.location.Xx;
var lng = results[0].geometry.location.Xx;


// Solution - Use the lat() and lng() methods instead
var lat = results[0].geometry.location.lat();
var lng = results[0].geometry.location.lng();

shortcircuit3

// Find parent category for related posts
global $post;
$category = get_the_category();
$cat_tree = get_category_parents($category[0]->term_id, FALSE, ':', TRUE);
$top_cat = split(':',$cat_tree);
$parent = $top_cat[0];