Form Follows Function is a beautifully designed collection of interactive mini-experiences, coded in HTML5, and designed to work as flawlessly on mobile as on the desktop.
The Catcordion is a web-based accordion constructed from famous Internet cats. It will destroy your productivity.
HTML5up.net provides free, Creative Commons licensed, HTML5 website templates you can use to make a modern-looking website. [more inside]
George & Jonathan are an electronic music duo. They make nice songs with many bleeps and bloops. Here is the website where you can listen to and watch their new album, III. [WebGL required, i.e., use Chrome. It's worth it, honest.]
Dark Patterns is a term used to describe web design that intentionally exploits specific aspects of the users psychology to drive them into making certain kinds of decisions. [an update to this fantastic previously] [more inside]
Why Japanese Web Design Is So… Different... If you've ever visited a Japanese website, it's a little like time traveling back to 1998. Randomwire explains some of the reasons why.
Mobile Usability for Cats: Essential Design Principles for Felines. "Even the simplest video of a cat using an iPad app easily gathers millions of viewers. Bowing to this takeover, our clients are increasingly asking us, 'How can we improve our site or app for cats?' With their lack of opposable thumbs and ever-shifting focus, cats are certainly a challenging target audience." [more inside]
Adobe is getting in on Google's act, offering 500 font familes of Typekit fonts for you to use for free on your website.
Readymag is a new interactive publishing platform which allows you to create, publish and discover truly amazing webzines. Be sure to play with the demo for a look at the bleeding edge of web interactivity. It's not quite a sci-fi future yet, but it's getting closer.
Twitter has launched an entirely overhauled version of Twitter, today, including a new version of its website, its apps, and TweetDeck (now native on Mac, rather than using Adobe AIR!). You currently need to download the latest version of the Android or iPhone app to see the new version of the website. Dan Frommer offers some good first impressions.
“He was making a comment both about culture at Wash U. and the representation of Wash U. by the PR department.”
"Wash U Photo Captions" back online after copyright challenge. Washington University in St Louis redesigned their website, and senior Alex Christensen found the photos kinda cheesy. So he started the Wash U Photo Captions Tumblr to poke fun. ("On Thursday mornings, the nerds are allowed to leave the lab.") But Tumblr shut it down, citing copyright violations, until Christensen got legal help. Now it's back, with gems like this and this. [more inside]
The World's Worst Website Every web 1.0 mistake you can make when designing a website, including loud autolaunched bugles. Also the template for the Gruaniad's recent revamp of Comment is Free. Tweet this!
Webstock! The best little web design (and development, and content) conference around. The kind of place with opening credits, swag that includes confidence-boosting pencils, all the free ice-cream you can eat, and NZ Sign Language interpreters for the whole event.
Also, lots and lots of clever people talking. [more inside]
Also, lots and lots of clever people talking. [more inside]
CSSPivot: Add CSS styles to any website, and share the result with a short link.
Tri-M.G. Intra Asia Airlines (Warning: Sound, Flash, airplanes) has taken regional airline website design to new heights (Warning: Airline banned in the EU for being unsafe). via
In 1996 a film was released that combined the animated Looney Tunes with the reality based basketball star Michael Jordan. That film was called Space Jam. Incredibly, Warner Brothers still maintains the movie's website, which is a snapshot of web design from the time period. [more inside]
Elizabeth Warren on setting up the Bureau of Consumer Financial Protection - lecture starts here, but really starts getting good here: "I feel like this is a boring speech." stay for the Q&A.
After nearly a decade in dark blue, the entertainment review aggregator site Metacritic.com launched its first major redesign last week, abandoning its old data- and list-heavy format for graphics, features and a more professional white background. The site invited users to comment on the changes on its blog, where they are being almost universally panned. [more inside]
How did the World Wide Web look before this Internet boom,(1) before it became a riot for star backgrounds, bouncing envelopes and under construction signs?(2) Before web design, there was Prof. Dr. Style. [more inside]
The League of Moveable Type offers a growing collection of high-quality, open-source fonts to help make the web a bit nicer to look at.
American Airlines fires AA.com designer for reaching out to customer 1.) Graphic designer and blogger has bad experience with AA.com, 2.) Designer mocks up AA.com page design and blogs about it, 3.) AA.com UX designer emails blogger with info about challenges the AA.com web team faces, 4.) Blogger posts UX designer's response (anonymously), 5.) American Airlines figures out who UX designer is and fires him/her for talking. [more inside]
Ad agencies often have bizarre, unorthodox websites. But how about an agency that moves its entire website over to YouTube?
About 8% of the male population has some sort of color vision deficiency. The color blind are unable to clearly distinguish different colors of the spectrum, they tend to see colors in a limited range of hues. Because of this, the color blind have trouble with a lot of websites. The patterns and examples on We Are Color Blind help developers create websites the color deficient can use with minimal problems. Take a color vision test to see where you stand. 50 facts about color blindness.
Take Your Design To The Next Level With CSS3. Why can’t we make use of the rich CSS3 features and tools available in modern web browsers and take the quality of web designs to the next level? It’s time to introduce CSS3 features into projects and not be afraid to gradually incorporate CSS3 properties and selectors in style sheets.
The Museum of Modern Art began working in late 2007 to renovate its Web site substantially for the first time since 2002. It knew that it wouldn’t be just updating a few pieces — it would be entering a whole new era. Earlier this month, the new site launched, and is an almost complete reconstruction of how the museum presents itself online. It features livelier images from its collection and exhibitions, increased use of video and the new interactive calendars and maps.
I’m thankful for the opportunity I had to work at Google. I learned more than I thought I would.... But I won’t miss a design philosophy that lives or dies strictly by the sword of data.And with that Douglas Bowman, the great web designer and CSS guru whose hiring was considered a big coup three years ago, quits Google for Twitter. [more inside]
Scene 360 is an online film and arts magazine, profiling and interviewing artists & web designers, filmmakers and writers.
RGB Garden is a purely design based web design gallery and web designers community featuring beautiful CSS and Flash based websites. They also feature design related articles and downloads. [more inside]
FreelanceSwitch covers many of the topics freelancers need to know about with their daily articles and tips. They run a freelance job board and have regular podcasts so you can learn a little something while you work or commute. Check out the FreelanceSwitch forums for support and advice from other freelancers, or check out their resources section. [more inside]
This used to be really hard with CSS. Fluid 960 Grid System: Up to 16-column grid design that is flexible and fluid. Created by Stephen Bau, based on the 960 Grid System by Nathan Smith. [previously]
How To Do Almost Anything With Social Media from Mashable. All kinds of practical tips and tons of useful link resources for personal or business uses. At the bottom of the page are additional links to things like 24 Most Underrated Websites of 2008 l How to Find a Babysitter Online l How to Find Your Way Around Any New City.
Newspaper Website Design: Trends And Examples. News websites can be intriguing to examine from a design perspective. Regardless of what type of news they cover, they all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability and navigational challenges for the designer. The lessons that can be learned from examining how news websites address these challenges can be valuable for designers who work with other types of websites, including ones with blog theme designs.
20 Useful Visualization Libraries from the excellent A Beautiful WWW. Well, not entirely limited to libraries. Useful stuff for visualization practitioners sounded a little non-specific, though. These are all freely available. [more inside]
FairyTaleFilter: SurLaLune Fairy Tales features 49 annotated fairy tales, including their histories, similar tales across cultures, modern interpretations and over 1,500 illustrations, 1,600 folktales & fairy tales from around the world in more than 40 full-text eBooks. Fairy Tale timeline. l Women Children's Book Illustrators l The Evolution of the Illustrated Children's Book l Some really beautiful free graphics and clipart from Grandma's Graphics. [more inside]
Tiled Background Designer is just a small, useful tool to create patterns. Experiment with pictures, colors, textures and transparency to get best result.
Web Designer Wall is the personal weblog of Nick La who is N.Design Studio. He talks about design ideas he has, design tutorials from Photoshop to CSS, etc., and trends in modern web design. (see previous)
The Employable Web Designer ― Andy Rutledge at Design View constructs a list of suggestions to help aspiring designers better craft their own preparedness and, if necessary, adjust their degree plans toward a more effective and responsive result in the web design field. (previously) [more inside]
Family Tree of the Greek Gods is a site using a visual organizer (now in beta) called Spicy Nodes. They call it a "natural and inviting" way to present information in "nuggets" that move in virtual space as you view them one by one. Another example: Daylight Savings Time.
What did the Internet look like in 1996? "...very few web designers had even the most rudimentary of aesthetic sensibilities, and nearly half of them were clinically retarded."
CommandShift3 is like Hot or Not. Except, instead of clicking on hot babes, you click on hot websites. It's actually a pretty nice way to check out good design on the web. [more inside]
Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites (Flash & CSS). What is quality design means to us? Quality Design = Visual + Technical + Creativity. Also, Best of CSS design for 2007.