This Beautiful IMDb Redesign Concept Is Long Overdue

This Beautiful IMDb Redesign Concept Is Long Overdue

IMDb is one of the most useful sites on the web. But it’s also one of the most outmoded. Now, two web designers have taken it upon themselves what an IMDb for 2014 would look like—and the results are pretty great. Here’s how they explain their design.

Read more…


    



Can You Guess the Internet's Most Popular Sites Without Text or Images?

Can You Guess the Internet's Most Popular Sites Without Text or Images?

Would you know Reddit or Twitter if you were only looking at their layouts? You might not think so—but you’d be surprised how well you know the structure of your most-used sites. Now, you can take a test to find out.

Read more…


    



What Hoefler & Frere-Jones’ Breakup Means for the Future of Type Design

What Hoefler & Frere-Jones' Breakup Means for the Future of Type Design

Chances are you’ve looked at the work of Jonathan Hoefler and Tobias Frere-Jones at least one time today. The type designers are behind many of the world’s most-loved fonts, like Gotham, made famous by Obama’s 2008 campaign. But according to a nasty legal document making the rounds today, the duo has parted ways.

Read more…


    



Placekitten: Let Kitties Take the Place of Blank Spaces in Web Designs

Who doesn’t love kittens? I’m no professional web designer, but I’ve tried designing a site or two, and let me just say it involved a lot of hard work. One of the tiring aspects of web design is having to insert placeholders for designs, images, or code that aren’t ready yet.

So to make that aspect of design less of a pain and a bit more fun, Placekitten was born.

Placekittenmagnify

It’s essentially an image gallery of sorts that was created with web designers in mind. Using the site, developers, designers, and cat lovers can generate various sizes of cat and kitten images that can be used as placeholders in their designs. Just use the URL below to get started.

http://placekitten.com/width/height

For example, if you want an image that’s 300×200, just type “http://placekitten.com/300/200” into your URL to get your correctly-sized kitty.

Here’s a couple of examples generated by the service:

Awwwwww. Placekitten exists thanks to Mark James.

[via Red Ferret]

Why This Simple Government Website Was Named the Best Design of the Year

When was the last time you tried to find a government form on the Internet? For me, it was a few months back, trying to track down an absentee ballot. And while I love American flag GIFs as much as the next patriot, I was amazed at the labyrinth of independent sites I had to visit before I found what I was looking for. Bringing the web presence of an entire government under one roof is a Sisyphean task, and the UK is one of the only countries that’s managed to do it, with Gov.uk, a one-stop-web-shop that launched earlier this year. More »

This Clever Resume That Looks Like an Amazon Page Is So Good I Would Buy It

Making your resume stand out from a pile of papers or a bunch of pixels on a screen is hard as hell. How can people who went to similar schools and worked similar jobs and have similar skills differentiate themselves? By being clever. Like Philippe Dubost. He turned his resume into an Amazon product page. It’s brilliant! More »

W3C teams with Apple, Google, Mozilla on WebPlatform, a guide to building the open web (video)

W3C teams with Apple, Google, Mozilla on WebPlatform, a guide to building the open web videoThe World Wide Web Consortium might just be the United Nations of web development, as it’s bringing together some frequent enemies to fight for a common cause through WebPlatform.org. The collaboration will see Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia and Opera pool educational resources to create a comprehensive, frequently updated guide to creating HTML5 and other content for the open web. The companies’ instructional oversight is just the start, however — visitors will have chats and forums to devise their own solutions, and they’ll even have a better than usual chance at influencing mid-development web standards. It may be some time before we’ll see the first fruits of the organization’s work, but we’re already happy to see technology companies set aside some of their differences.

Continue reading W3C teams with Apple, Google, Mozilla on WebPlatform, a guide to building the open web (video)

Filed under: , , , , , ,

W3C teams with Apple, Google, Mozilla on WebPlatform, a guide to building the open web (video) originally appeared on Engadget on Tue, 09 Oct 2012 03:23:00 EDT. Please see our terms for use of feeds.

Permalink 9 to 5 Google  |  sourceWebPlatform.org  | Email this | Comments

Dude recreates first-gen iPod in-browser, won’t put 1,000 songs in your pocket

Dude recreates firstgen iPod in the browser, won't put 1,000 songs in your pocket

Here’s a bit of web fun to liven up your weekend: a digital artist by the name of Pritesh Desai has recreated a fully functional first-generation iPod that you can play directly in your browser. In remembrance of Steve Jobs, Desai built the faux iPod using HTML5, CSS3, and a touch of jQuery. You can drag the click wheel around just like with the real deal, change the volume, hit play / pause and even skip tracks. Especially nice is the addition of Extras like the Clock and the Calendar. Unfortunately, you won’t be able to play any of your own tunes, but Desai had compiled a list of Creative Commons songs, so you can see how the player works. The next step is for someone to fill this up with hits of the early aughts (“Last Nite” by The Strokes, perhaps?) so you can truly travel back in time to the heydays of Windows XP and the Enron scandal.

Filed under:

Dude recreates first-gen iPod in-browser, won’t put 1,000 songs in your pocket originally appeared on Engadget on Fri, 05 Oct 2012 15:27:00 EDT. Please see our terms for use of feeds.

Permalink Gizmodo  |  sourceInventika Solutions (1), (2)  | Email this | Comments

Adobe Edge swells to include Tools & Services, streamlines the designer web

Adobe Edge swells to include Tools & Services, streamlines the designer web

Adobe really wants web designers to kick things up a notch. Not satisfied with where Edge has gone so far, it just released a full-fledged Edge Tools & Services suite to cover the bases for polished desktop and mobile pages on most any modern platform. Motion tool Edge Animate (formerly Edge Preview), automated previewing tool Edge Inspect (formerly Shadow) and mobile app packager PhoneGap Build have all arrived in the suite as version 1.0 releases, and come with both Edge Web Fonts as well as TypeKit to spruce up text. A pair of pre-release utilities, Edge Code (Brackets) and Edge Reflow, are also joining the group to tackle the nitty-gritty of editing web code and layouts. Any of the apps will readily cooperate with third-party software, although they won’t always be cheap: while most of the Edge suite is free to use in at least a basic form as long as you have a Creative Cloud membership at any level, Edge Animate is only free during its initial run and should eventually cost either $15 per month or $499 in a one-time sale. For pros that want to burnish their corner of the web to a shine, the result just might be worth the expense.

Continue reading Adobe Edge swells to include Tools & Services, streamlines the designer web

Filed under: ,

Adobe Edge swells to include Tools & Services, streamlines the designer web originally appeared on Engadget on Tue, 25 Sep 2012 18:51:00 EDT. Please see our terms for use of feeds.

Permalink TechCrunch  |  sourceAdobe  | Email this | Comments

The Art of Web Design Explained [Video]

In PBS’ latest Off Book video, they examine the art of web design. We spend so much of our time on websites these days that when they’re good, we don’t even think about them anymore. But, of course, it wasn’t always like that. People had to build them bare before they could add some pizazz to it. More »