Mobile

mar 28 2012

Luke Wroblewski on Mobile First at Drupalcon Denver

Are you still won­der­ing why you should design and develop for mobile first? If you can spare the best part of an hour, it is worth check­ing out Luke Wroblewski’s keynote at Dru­pal­con Den­ver 2012. It is both infor­ma­tive and enter­tain­ing, and I am shure, it will kill your doubt instantly.

Luke Wroblewski’s keynote on Mobile First

By Morten Brunbjerg Bech • Web Design • 0 • Tags: ,

mar 7 2012

Navigation patterns in mobile web design

When design­ing for mobile, size mat­ters. You have a lim­ited amount of screen real estate to work with on small dis­plays, mak­ing it impor­tant to free up as much space as pos­si­ble to con­vey your mes­sage. Thus, nav­i­ga­tion should not take up too much space. So where do you put that navigation?

Brad Frost has done a lit­tle research on dif­fer­ent approaches to design­ing nav­i­ga­tion for respon­sive web sites. In “Respon­sive Nav­i­ga­tion Pat­terns” he takes a look the pros and cons of these, giv­ing exam­ples and links to use­ful resources.

Go read “Respon­sive Nav­i­ga­tion Pat­terns” here.

By Morten Brunbjerg Bech • Links, Web Design • 0 • Tags: , ,

jan 31 2012

Krimimessen 2012

Screen dump of Krimimessen 2012

I have just launched a re-design of Krimimessen.dk. Krim­imessen is the biggest fes­ti­val about crime lit­er­a­ture and crim­i­nal fic­tion in Den­mark. A fes­ti­val which is arranged by Hors­ens Pub­lic Library, where I work. The site is designed so it resizes to fit the screen it is being viewed on, also known as respon­sive web design.

This is the first respon­sive site, I have cre­ated. It is built in Word­Press on a base of the awe­some HTML5 Boil­er­plate frame­work, which makes it eas­ier to build a mod­ern web site from scratch.

I learned a lot from read­ing Ethan Marcotte’s “Respon­sive Web Design” prior to this project. Marcotte’s “tar­get ÷ con­text = result” tech­nique, a way to cal­cu­late dimen­sions from pix­els into per­cent, was an invalu­able tool in the process. In fact, and very unusual indeed, it wasn’t even nec­es­sary to test a lot in Inter­net Explorer.

By Morten Brunbjerg Bech • CSS, Portfolio, Web Design, Web Development, Wordpress • 0 • Tags: , , , , , ,