• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Elbongurk - Graphic Design, Branding, & Marketing || Stevens Point, WI

Stevens Point Design & Branding Services

  • Work
  • About
  • Contact
  • Blog

How nerds read time

October 25, 2013 by Elbongurk Leave a Comment

This Friday I wanted to learn some more about the new CSS3 viewport units so I decided to create a binary clock. Viewport units allow this clock to scale its size fluidly on any devices screen. Go ahead, try opening it up and resizing your browser, try making your browser window taller than it is wide or wider than it is tall – I’ll be right here waiting for when you get back.

Without CSS3 viewport units resizing like this wouldn’t be possible in CSS – you would have to fallback to using Javascript. Browser support isn’t too shabby, working in all the Major browsers including IE 9+ (although IE decided to use a different CSS property name than the other browsers, because thats how they roll).

How do you read a binary clock

Want some nerd-cred on how to read a binary clock? You start by looking at all those dots as columns, six columns to be exact. Now, the first two columns represent the hours, the next two columns the minutes, and the last two columns make the seconds.

With me? Now the dots that are lit up represent numbers – the lowest number on each column being 1 and the highest number being 8. All you do now is just sum of each columns numbers. Go ahead and give it a go on the image at the top of this page. You’ll get something like this:

So in this case the time is 04:17:36 when you push the numbers together. There, now you earned some nerd-cred.

Filed Under: Nerd

About Elbongurk

We’re a tiny design firm located in Stevens Point, Wisconsin. Our focus is creating memorable brands, industrious illustration work, and, of course, polished print projects.

Emails Newsletter

Receive updates and hear what's recently been going on!

No charge. Unsubscribe anytime.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Email Newsletter

Sign up to receive updates and to hear what's recently been going on!

Let’s Connect

  • Email
  • Facebook
  • Twitter

Recent Posts

Converting Sass to CSS

Creating a Simple, Responsive Rotating Banner

Using Modernizr to Implement the HTML5 Shiv

Using Inspect Element in Safari

Footer

Our Location

We’re a tiny design firm located in Stevens Point, Wisconsin.

2825 College Avenue
Stevens Point, WI 54481

Start a Project

Interested in working with us? The best way to get in touch is to fill out our contact form.

You could also shoot us an email at hello@elbongurk.com

Let’s Connect

  • Email
  • Facebook
  • Twitter

© 2021 Elbongurk, LLC, a company born of ♥