Category filter: Web

Pixel Ruler

Sketches and wireframes are one of the most important steps in strong web design and user experience. Especially when we are talking about responsive design and designing for a wide range of devices and potential viewports. UI Stencils has made it their mission to create tools to make the analog sketching process more aligned with the language of the web and computers. Their most recent creation has me nerd’ing out something fierce. The Pixel Ruler is a nice heavy weight machined steel ruler which measures pixels instead of inches or centimeters, and the scale is 150 pixels per inch.

(via swissmiss »)

Read More »

The Internet Map

The internet and the online landscape is a seemingly endless world, that we can neither fathom or visualize the scale and connections between anything. Until now. The Internet Map is a visualization of this vast multidimensional world of connections we call the internet. All the websites are represented by circles, the scale of the circle is determined by the amount of traffic it gets and the proximity of circles to one another is based upon the links between them. Information about the 2 million links between the websites has grouped them by topic creating clusters about related subject matter.

(via swissmiss »)


Binary Thumb beta-launched its new spreadsheet app called Grid last week. A app that aims to simplify and redefine how spreadsheets can be used. Easily allowing users to integrate maps, images, numbers and other data. Grid edges more towards a simplistic tool for making info graphics than a spreadsheet application, which is definitely what will really set them apart.

(via Co.Design »)

Beer Friday: Austin Beerworks

Beer Fridays are quickly becoming the most interesting posts to write. There is great beer related design pouring out from all parts of the globe(pun not intended, but nicely coincidental). This week I wanted to feature the amazing branding work that Helms Workshop did for Austin Beerworks. The identity is bold and has some very classic sensibilities to it, but is also very colorful and modern. The packaging is something that would definitely grab my attention in a store and draw me in their direction. Also Helms Workshop collaborated on the website and online home of AB with Source Pixel Foundry to create a truly unique and exciting online experience. My favorite part of the whole site has to be the interactive sliding info graphics, which are beautifully illustrated and explain in detail their whole brewing process.

Read More »

Shake Shack Website

I have long admired the work of Big Space Ship and for maybe even longer enjoyed the eatables at Shake Shack. So of course when I saw the new Shake Shack website they designed I was tickled medium rare(pink). The site features an extremely bare bones design with some dynamic scrolling and slide show elements interspersed to give the page a nice amount of depth without too much clutter. Also in the same manner as Danny Meyer’s restaurants the site has a basket of small touches which combined really make the user experience. The custom icon set created for the site is amazing, a huge variety of iconography and rendered in a perfectly uniform style.

Read More »

New Work: ArtBinder 2.0

This past Thursday ArtBinder 2.0 was officially launched with a bunch of new features and efficiency gains. To mark the occasion we also launched a redesigned site to communicate the brand and product sensibilities to site visitors. The other awesome part of the new site is an international Art Fair Calendar, which is a one stop place to see when and where the important art and design fairs are happening.

View Project »

Made in NYC Digital Map

Mayor Bloomberg’s office has created this awesome map which visualizes all the tech startups in NYC from the Made in NYC register. Checkout Mapped in NY and explore the map or add your startup to the map. I also have to say, I have not encountered a web ticker I enjoyed as much as this one in quite some time(at last check the ticker read “734 NYC Tech Companies Are Hiring!”).

(via Subtraction »)


Shifticons is a new creation by Weightshift Workshop the product design side of Weightshift. The app allows you to easily make and sell custom web icon web fonts.

(via Naz Hamid »)

Typecache is an amazing resource for designers. The number of type foundries is constantly growing and searching them all and keeping track of them would be a huge task, which Typecache now fills.

(via Quipsologies »)

I was perusing Site Inspire yesterday, and saw what at first glance looked like another mildly interesting full bleed photo site. I was really pleased to find under further inspection features a super original user interface and a really nice data visualization for staying up to date on the surf conditions. It is the creation of Australian web shop Finely Sliced. The name is also really great, and probably the best use of a (dot)country extension I have seen to date.

Type Connection

I just played Type Connection, the world’s first typographic dating game. This type dating game was created by Aura Seltzer for her senior thesis project at MICA, and helps players learn to pair and apply typefaces.

Dollar Shave Club

Posting funny videos is not usually our style here at campsite, but this promotional video for the newly launched Dollar Shave Club is the funniest thing I have seen in quite a while. This is a must watch, I am still laying on the floor trying not to pee my pants with laughter. I am also intrigued with their business model. Their approach to web based subscription for a simple and unique physical product delivered to your door is not a new concept, but the way they have executed it definitely separates them from the pack. Good luck DSC!

(via Dr. Rob »)


Google has launched an awesome new project entitled Re-Brief. Their aim is to re-envision a few of the most iconic 20th century ad campaigns for the web. In their day it was speculated that many of these campaigns would stand the test of time. With the advancements of technology mainly in the capabilities of information and media delivery you would think web advertising would have evolved much more quickly but it remains virtually the same bland thing it was birthed as more than 15 years ago. By refocusing these iconic ads for the web they hope to change the way we interact, view, and feel about ads on the web. A lofty task? Yes. But without value surely not. As an apologetic but avid consumer I understand that advertising will continue to be a part of my daily life. If that is the case I can only hope that the people creating these ads can make it a less of an assault and more of an enjoyable, human interaction.

(via Quipsologies »)

Discover Monet

It’s rare to see a historic artist or art work translated onto the web with such care and attention to detail. Recently St. Louis Art Museum hired Almanac to create Discover Monet, a web presence for Claude Monet’s Water Lilies. Through the site both teachers and students can learn infinitely more about Monet’s life, work, and the connection of both to the rest of the world.

(via Design Work Life »)

Read More »

Kern & Burn