Posts Tagged design

Golden Grid System: A ‘Folding’ Grid for Responsive Design

Cameron Moll Go to the source

Golden Grid System: A ‘Folding’ Grid for Responsive Design : Joni Korpi, who developed the system: 16 columns sounds a bit much for anything other than huge widescreen monitors. This is where the folding, inspired by the DIN paper system and Unigrid, comes in. The 16 columns can be combined, or folded , into 8 columns for tablet-sized screens, and into 4 columns for mobile-sized ones. This way Golden Grid System can easily cover any screen sizes from 240 up to 2560 pixels. … Read the rest here

New Oliver Sacks book covers

Jason Santa Maria Go to the source

Lovely new Vintage series covers for Oliver Sacks designed in-house by Cardon Webb. via John Gall … Read the rest here

Re-tabulate

Adactio Go to the source

Right after I wrote about combining flexbox with responsive design —to switch the display of content and navigation based on browser size—I received an email from Raphaël Goetter . He pointed out a really elegant solution to the same use-case that makes use of display:table . Let’s take the same markup as before: <body> <div role=”main”> <p>This is the main content.</p> </div> <nav role=”navigation”> <p>This is the navigation.</p> <ol> <li><a href=”#”>foo</a></li> <li><a href=”#”>bar</a></li> <li><a href=”#”>baz</a></li> </ol> </nav> </body> The source order reflects the order I want on small-screen devices (feature phones, smart phones, etc.). Once the viewport allows it, I’d like to put that navigation at the top. I can do this by wrapping some display declarations in a media query: @media screen and (min-width: 30em) { body { display: table; caption-side: top; } [role="navigation"] { display: table-caption; } } That’s it… Read the rest here

Re-flex

Adactio Go to the source

I was in Minnesota last week for An Event Apart Minneapolis . A great time was had by all. Not only were the locals living up to their reputation with Amy and Kasia demonstrating that Kristina isn’t an outlier in the super-nice, super-smart Minnesotan data sample, but the conference itself was top-notch too. It even featured some impromptu on-stage acrobatics by Stan . A recurring theme of the conference—right from Zeldman ’s opening talk—was Content First . In Luke ’s talk it was more than a rallying cry; it was a design pattern he recommends for mobile: content first, navigation second. … Read the rest here

Who really designed Times New Roman?

Jason Santa Maria Go to the source

There’s strong evidence that Times New Roman wasn’t designed by Stanley Morison, but by William Starling Burgess, a wooden boat designer from Boston: Burgess — in 1904, when he was only 26 — had a brief and brilliant flirtation with typography. He wrote to the U.S. branch of the Lanston Monotype Corp. requesting that a font be made to his specifications. … Read the rest here

Nosh 404: Behind the Scenes

Cameron Moll Go to the source

Nosh 404: Behind the Scenes : The deftly talented Alex Cornell (director, cameraman, editor, voice talent, designer , musician ) describing the production process for the Nosh 404 page : The script was basically this: cool place, action and stuff, guns, cool sounds. Generally that’s about all I have to go off anyway for my videos, so I figured we were ready to rock and roll. It’s pretty impressive to read just how much was done by one individual, and done so well. … Read the rest here

Redesigning the Browser Window

Cameron Moll Go to the source

Redesigning the Browser Window : Henrik Eneroth: Most scre­ens today are widescre­ens, so why are we not put­ting the left and right hand sides of the screen to bet­ter use, ins­tead of for­cing eve­ryt­hing into a bar on the top of the window? /via Hacker News … Read the rest here

Safari Omnibar

Hicksdesign Go to the source

Safari Omnibar is a SIMBL plugin for Safari that enables a single addressfield/search bar like Google Chrome’s Omnibox. Its still fairly early days, but it works well, and has just been updated to support search shortcuts: (the search bar is hidden after installation) To edit keyword searches, right click the address field… … and then you can then enter the search keywords This is of course functionality that’s been available in Opera and Firefox, long before Chrome, but this is a great way for folks that prefer Safari to get it. Safari Omnibar is hosted on github Tagged: plugins , safari … Read the rest here

10K Apart, Responsive Edition

Cameron Moll Go to the source

10K Apart, Responsive Edition : Same as last year’s contest (10k of data total per app submitted), but with an additional rule this year: must be responsive. Site design by the responsive savants at Paravel . … Read the rest here

Film Sessions II

Cameron Moll Go to the source

Film Sessions vol. II is now available for listening. I’m really pleased with how it came together, much the same as vol. I . Here’s the description I provided with the mix: This mix paints a narrative as if it were the score to a single movie. Dreams yield to mystery and suspense and then evolve into hope. … Read the rest here

New Skype Emoticons

Hicksdesign Go to the source

Working with Steve Pearce and Mark McLaughlin from Skype, and genius animator Julian Frost , Hicksdesign has updated the complete set of Emoticons for its desktop and mobile clients. Currently released in the Windows and Android versions, Mac and iOS will follow later. The brief was simple, update the Emoticon set, providing multiple sizes (20,30,40,60,80px), but retain the style that is already familiar to millions of users worldwide. The original set was designed by Priidu Zilmer and only existed in one size – 19px. … Read the rest here

New Skype Emoticons

Hicksdesign Go to the source

Working with Steve Pearce and Mark McLaughlin from Skype, and genius animator Julian Frost , Hicksdesign has updated the complete set of Emoticons for its desktop and mobile clients. Currently released in the Windows and Android versions, Mac and iOS will follow later. The brief was simple, update the Emoticon set, providing multiple sizes (20,30,40,60,80px), but retain the style that is already familiar to millions of users worldwide. The original set was designed by Priidu Zilmer and only existed in one size – 19px. An odd numbered grid can allow you to centre elements better, but the decision was taken to start at 20px to allow more straightforward enlargement. This meant some of the basic proportions of the eyes to head had to be changed… Read the rest here

WasteLandscape

Jason Santa Maria Go to the source

Waste Landscape is a monumental art work that takes up the “Halle d’Aubervilliers” 1000square meters in the CENTQUATRE, from the 21st of July to the 10th of september in Paris. “WasteLandscape” is a 500 square meters artificial undulating landscape covered by an armor of 65,000 unsold or collected CDs, which have been sorted and hand-sewn. via Fast Co. Design … Read the rest here

A Word About Unsolicited Redesigns

Cameron Moll Go to the source

A Word About Unsolicited Redesigns : Khoi Vinh, former design director for NYTimes.com: Unsolicited redesigns are terrific and fun and useful, and I hope designers never stop doing them. But as they do so, I also hope they remember it helps no one — least of all the author of the redesign — to assume the worst about the original source and the people who work hard to maintain and improve it, even though those efforts may seem imperfect from the outside. If you have good ideas and the talent to execute them and argue for them, the world will still sit up and pay attention even if you take care in your language and show respect to those who don’t see things quite the way you do. Consider this my public apology for so quickly embracing one side of the argument and failing to contemplate the other. Update: Some of you are suggesting I shouldn’t apologize. Aside from that being a matter of my own choosing, I believe we sell ourselves short if we consider only one side of an argument, especially in matters of design and UX. … Read the rest here

Daniel Loves Sharon

Cameron Moll Go to the source

Daniel Loves Sharon : Now that’s how you do an engagement site. Designed by none other than Daniel Burka, the brilliance behind Glitch (and groom to be). What the home page lacks in accessibility, the secondary pages delightfully make up for. Nicely done. … Read the rest here

Hiring: Front-End Designer/Developer at Roland

Cameron Moll Go to the source

Hiring: Front-End Designer/Developer at Roland : I’ve played a number of Roland keyboards over the years (I play only a little piano, and mostly by ear). The touch-sensitivity nearly rivals that of a real piano. And I swoon over their V-Drum kits every time I’m in a music shop, equally matching the sensitivity and touch of a “real” kit. This is a contract position in Los Angeles and involves work on the company’s web properties, including mobile. jQuery/HTML/CSS know-how a must. … Read the rest here

Andy Rutledge: Redesigning NYTimes.com

Cameron Moll Go to the source

Andy Rutledge: Redesigning NYTimes.com : Andy Rutledge: Regarding content strategy and mechanism, today’s ‘news’ is rife with irrelevancies and distractions. Part of this is due to the news industry’s abandonment of actual journalism, but much of it is due to thoughtless promotional strategy and pathetic pandering. I suggest that digital news acquire a responsible and more usable approach. Andy’s arguments and mockups are both very well-conceived — I would love to see online journalism (all of it, not just NYT) head in this direction. His design concepts are fabulous. I do believe, however, there should be an affordance for social components in news media, which Andy leaves out of his concepts… Read the rest here

“You Interact with the Content, Not the OS”

Cameron Moll Go to the source

“You Interact with the Content, Not the OS” : Joseph Cohen: They reversed the direction of mouse scrolling! Crazy! But really, they needed to. With Lion, Apple is trying to change the user experience metaphor that has governed OS design since the 80s. It was a symbolic move, but one, to me, that ties together the new interaction paradigm — you interact with the content, not the OS. Lion — at $29 — seems like an incremental upgrade. But I guarantee that it will prove to be one of Apple’s boldest moves in defining how we interact with computers of the future. … Read the rest here

HOW Interactive Design Conference, November 2-4

Cameron Moll Go to the source

HOW Interactive Design Conference, November 2-4 : HOW Magazine , synonymous with excellent graphic design and the exposition thereof, understands the challenges facing the modern print designer. Many have begun embracing interactive design, whether by choice or necessity. In a major way this Fall, HOW will broaden its coverage of all things design and assist traditional graphic designers in making a successful transition to (or simply adoption of) web design. The HOW Interactive Design Conference is a three-day event in San Francisco. I’m honored to not only be on the speaker roster but on the advisory board for the event, as well. Please consider joining us, or pass this along to a design friend who’s ready to make the leap. … Read the rest here

The Momentus Project

Cameron Moll Go to the source

The Momentus Project : This is a clever idea. Round up a bunch of top-notch designers and illustrators and have them visually interpret some of the most defining moments in United States history. Created and curated by Evan Stremke. Speaking of, today is the anniversary of the first moon landing, and there’s an illustration for that. It’s a lovely piece by Mark Weaver … Read the rest here