Categories
downloads facebook film links love music social networking

Social Network Creep

The Social Network, a David Fincher film.

If you’re intrigued, as I am, by the trailer for David Fincher’s upcoming The Social Network, and if part of what compels you about the trailer is the musical score—a choral version of Radiohead’s “Creep”—you’ll be happy to know you can purchase said song via emusic.com: On The Rocks is the album, “Creep” is the track, and Scala, a Belgian all-teenage-girl choir, are the artists. Highly recommended.

P.S. If emusic.com had an affiliate program, I’d have free music for life.

Categories
Browsers bugs Code Compatibility CSS CSS3 development Free Happy Cog™ HTML HTML5 Ideas industry links Standards State of the Web The Essentials The Profession Tools Web Design Web Design History Web Standards

HTML5, CSS3 default templates

Free for use in all web projects, professional or personal, HTML5 Reset by Monkey Do! is a set of HTML5 and CSS templates that jumpstart web development by removing the styling native to each browser, establishing basic HTML structures (title, header, footer, etc.), clearing floats, correcting for IE problems, and more.

Most of us who design websites begin every project with bits and pieces of this kind of code, but developer Tim Murtaugh, who created these files and who modestly thanks everyone in the universe, has struck a near-ideal balance. In these lean, simple files, without fuss or clutter, he manages to give us the best-practices equivalent of everything but the kitchen sink.

Tim Murtaugh sits beside me at Happy Cog, so I’ve seen him use these very files (and earlier versions of them) to quickly code advanced websites. If you’re up to speed on all the new hotness, these files will help you stay that way and work faster. If you’re still learning (and who isn’t?) about HTML5, CSS3, and browser workarounds, studying these files and Tim’s notes about them will help you become a more knowledgeable web designer slash developer. (We need a better name for what we do.)

My daughter calls Mr Murtaugh “Tim the giant.” With the release of this little package, he earns the moniker. Highly recommended.

Categories
links

Thursday Links

Categories
Acclaim Applications apps architecture art direction Authoring Best practices Browsers business Career Code creativity CSS Design development HTML HTML5 Ideas industry interface ipad iphone javascript links maturity Photoshop Platforms Publishing Standards State of the Web Stories The Profession Web Design Web Design History Web Standards

SlideShowPro adds HTML5

Todd Dominey at Happy Cog.

Most of us web folk are hybrids of one sort or another, but Todd Dominey was one of the first web designers to combine exceptional graphic design talent with serious mastery of code.

Being so good at both design and development that you could easily earn a fine living doing just one of them is still rare, although it looks like the future of our profession. One of the first serious designers to embrace web standards, Todd was also one of the few who did so while continuing to achieve recognition for his work in Flash. (Daniel Mall, who came later, is another.)

Finally, Todd was one of the first—along with 37signals and Coudal Partners—to abandon an enviably successful client services career in favor of full-time product development, inspiring a generation to do likewise, and helping bring us to our current world of web apps and startups.

A personal project that became an empire

In Todd’s case, the product was SlideShowPro, a project he designed for himself, which has grown to become the web’s most popular photo and video slideshow and gallery viewer. When you visit a photographer’s portfolio website, there’s an excellent chance that SlideShowPro powers its dynamic photo viewing experience. The same is true for the photo and video gallery features of many major newspaper and magazine sites, quite possibly including your favorites.

SlideShowPro

But deliberate lack of Flash support in the iPad and iPhone, while lauded here on February 1, 2010 as a win for accessible, standards-based design (“Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first”), presented a serious problem for developers who use SlideShowPro and readers who enjoy browsing dynamic photo and video galleries.

Mr Dominey has now solved that problem:

SlideShowPro Mobile is an entirely new media player built using HTML5 that doesn’t require the Flash Player plugin and can serve as a fallback for users accessing your web sites using these devices. But it’s not just any fallback — it’s specially designed for touch interfaces and smaller screen sizes. So it looks nothing like the SlideShowPro player and more like a native application that’s intuitive, easy to use, and just feels right.

The best part though is that because SlideShowPro Director (which will be required) publishes the mobile content, you’ll be able to provide the mobile alternative by simply updating the Flash Player embed code in your HTML documents. And just like when using the SlideShowPro player, because Director is behind the scenes, all your photos will be published for the target dimensions of these devices — which gives your users top quality, first generation images. The mobile player will automatically load whatever content is assigned to the Flash version, so the same content will be accessible to any browser accessing your web site.

A public beta will be released in the next weeks. Meanwhile, there is a video demo. There’s also an excellent Question and Answer page that answers questions you may have, whether you’re a SlideShow Pro customer or not. For instance:

Why mobile? Why not desktop?

We believe that (on the desktop) Flash is still the best delivery method for photo/video galleries and slideshows for it provides the most consistent user experience across all browsers and the broadest range of playback and customization options. As HTML5 support matures across all desktop browsers, we’ll continue to look into alternate presentation options.

Into the future!

Categories
events experience links photography war, peace, and justice

Once Upon a Time in Afghanistan

A half-century ago, Afghan women pursued careers in medicine; men and women mingled casually at movie theaters and university campuses in Kabul; factories in the suburbs churned out textiles and other goods.

“There was a tradition of law and order, and a government capable of undertaking large national infrastructure projects, like building hydropower stations and roads, albeit with outside help. Ordinary people had a sense of hope, a belief that education could open opportunities for all, a conviction that a bright future lay ahead. All that has been destroyed by three decades of war, but it was real.”

Once Upon a Time in Afghanistan, a photo essay by Mohammad Qayoumi


Categories
Brands Existence experience family glamorous links Little People love parenting The Essentials

Icon: For Love of Barbie

When I was twenty, Barbie was a symbol of oppression with obvious food issues. No way would a future child of mine identify with that.

When I was twenty, “princess” was another word for “child of oppressor.” Monarchs went with pogroms and capitalists.

If I ever had a daughter, she would be one of the people. Or a leader of the people. Or an anarchist. Or most probably an artist. Art was problematic because it also went with corporate capitalism (when not going steady with poverty) but at least the few artists who made money disdained it, if only publicly.

Twenty wasn’t easy.


When I was twenty, when I considered bringing a child into this world of wrong, I pictured her enjoying organic produce and healthy ethnic cuisines.

Decades and chameleon lives later, I was married and we were expecting.

After our daughter was born, I suggested raising her vegetarian. It seemed wrong to feed an angel on the blood and limbs of slaughtered animals. Her mother said she’d go along with the vegetarian angle as long as I did the research and committed to preparing fresh, nutritionally balanced meals that supplied every nutrient our child would need.

So she eats meat.

Mostly she eats french fries.

She sometimes eats at McDonald’s. Also she eats candy and plays with Barbies. She says she is Barbie’s biggest fan. Soon after learning to say Dada and Mama, she asked if she was a princess. We said yes.


What used to be my elegant teakwood dining table is now the staging area for a Barbie apartment. The Barbie pool, Barbie camping van, and Barbie salon that comprise the “apartment” barely leave room for the Barbies, Stacies, and Kellys who make use of these facilities.

The princess turns six in September. She’s working on the party guest list and we’ve already decided on her birthday present: a Barbie house.

Barbie is now fifty. But fifty is the new 49. There’s a reason she’s stuck around all these decades. Turns out it has nothing to do with theory and everything to do with girls.


P.S. Hint to my people: when you go to barbie.com, enable Flash.


Categories
"Digital Curation" art links

Like it says

Bad Paintings of President Obama

Badpaintingsofbarackobama.com contains just that. Some are so bad, they’re good.

Via Coudal.com.

Categories
Design links Publications Publishing

Book By Its Cover

Book By Its Cover is a glorious new blog devoted to the beauty of books.

Categories
Design links Web Design

Viva Gonçalves!

Site of André Gonçalves

André Gonçalves is a graphic designer and this is his website. ?


Categories
links tweets twitter

Recent Tweets

  • The Ultimate Hipster Irony http://bigthink.com/ideas/18758
  • Why You Can’t Work at Work | Jason Fried | Big Think: http://bigthink.com/ideas/18522
  • Seeing too many ultra-minimal/undesigned blogs labeled “beautiful” cuz they use a @typekit font or two. Uh-uh.
  • I love what @typekit is doing for the web, how it’s shaping the agenda *and* delivering the needed tools.
  • In other news, I’ve come up with a title for my book of short stories. KAFKA FOR BEGINNERS.
  • Selection pseudo-element. Choose text color/BG color when user selects text! Try it at http://bit.ly/9sjnai . (Not supported in IE).
  • “IRS bomber Joe Stack captured the news for days, but his African American, Vietnam vet victim has gone unheralded” http://j.mp/a9U12B
  • Must-read column, NYTimes: I Cost More, but I’m a Specialist http://s.nyt.com/u/Byb
  • It’s probably a good thing that I didn’t get that XHTML2 tattoo. Probably.
  • I just received a lovely “Happy New Year” card from the W3C. Repeat, I just received it.
  • Watch Happy Cog’aoke 2 / Lesson Two: Solo-tunities on Vimeo! http://vimeo.com/9556324

Follow me on Twitter: @zeldman


Categories
links Web Design Web Standards Websites webtype

Nice Web Type For iPhone

m.nicewebtype.com is a light yet essential mobile site for people who design websites, love type, and struggle to keep up with the dizzying world of web fonts. In it, Tim Brown, author of Nice Web Type, creator of Web Font Specimen (what’s that?), and latterly type manager for Typekit, curates the Design Twitterverse to share the latest insights, innovations, quips, and controversies regarding everyone’s favorite new web design fetish.

Don’t leave home without it.

Categories
Authoring Community content Design Ideas industry launches links podcasts Publishing

Hear This!

Dan Benjamin, creator of wonderful websites, apps, broadcasts, and platforms and longtime friend of A List Apart and your host, introduces a new venture.

5 by 5 Studios is a new internet broadcasting network, home to shows like EE Podcast, Tack Sharp, The Dev Show, The Ruby Show, and Utility Belt, releasing new episodes every week.

As part of the launch, 5 by 5 announces two new shows hosted by Dan:

NOTE: I’m pleased as punch to be the first Pipeline guest. Come hear us on Friday, January 29th, 2010.


Categories
Fonts links spec Standards webfonts webtype

Fonty font font

It’s the Fonty-Fresh™ thang! UPDATE: Now with further explanations and Mr Zeldman’s specific concerns for web designers, web users, and the future of type on the web.


Short URL: zeldman.com/?p=2782

Categories
Authoring links Luls Microauthoring Microblogging Micropublishing twitter writing

17 Tweets

  1. http://webtrendmap.com/ by IA Inc. is farking amazing and beautiful. Congratulations, @iA.
  2. OH: “Type means the letters.”
  3. http://www.biggestapple.net/ is an exquisite new blog by a Wodehouse fan and non-designer (but you’d never know).
  4. My 5-year-old just spent 10 minutes showing me the correct way to massage her foot. My little girl is becoming a woman.
  5. HTML5 Super Friends declaration of support: http://www.zeldman.com/superfriends/
  6. In the park with the kid and friends, watching the sunlit hours melt away. It is the mellow end of summer and our bodies know it.
  7. http://bit.ly/InfXh Installing Snow Leopard: What you need to know. Fewer options make for simpler installation.
  8. The difference between marriage and divorce is, in divorce, the person who’ll never have sex with you again has her own apartment.
  9. “HTML 5 and me” by Jeremy Keith: http://bit.ly/sOqt7
  10. Dreamed about Mackenzie Phillips and woke up with a $500 a day habit.
  11. RT @leeclowsbeard Every client wants something new. And three examples of where it’s worked before. (via @Coudal)
  12. #twitterwit is now in bookstores. It’s an honor to have my work appear in the same volume as real writers like Ashton Kucher.
  13. Laura Dern’s hair is the scariest thing in Blue Velvet.
  14. @sourjayne At a certain level, you don’t write a resume, you write a paragraph.
  15. @sourjayne A multi-page resume suggests you’re narcissistic or inexperienced. These are not desired qualities in an employee.
  16. @sourjayne A 1-page resume shows you’re aware the person reading it has no time to waste — proving you’re experienced + have people skills.
  17. Actually, Barnes & Noble, I think I’ll save *100%* on Dan Brown’s follow-up to The Da Vinci Code.

Have another?

ShortURL: zeldman.com/?p=2554

Categories
Applications architecture art direction books business client services Code Community content creativity Design development editorial Happy Cog™ launches links people Publications Publishing social networking software Web Design Websites

The Amanda Project

Designed by Happy Cog and launched today, The Amanda Project is a social media network, creative writing project, interactive game, and book series combined:

The Amanda Project is the story of Amanda Valentino, told through an interactive website and book series for readers aged 13 & up. On the website, readers are invited to become a part of the story as they help the main characters search for Amanda.

The writing-focused social media network is designed and written as if by characters from the Amanda novels, and encourages readers to enter the novel’s world by joining the search for Amanda, following clues and reading passages that exist only online, and ultimately helping to shape the course of the Amanda narrative across eight novels. (The first Amanda novel—Invisible I, written by Melissa Kantor—comes out 22 September.)

The site developed over a year of intense creative collaboration between Happy Cog and Fourth Story Media, a book publisher and new media company spearheaded by publishing whiz Lisa Holton. Prior to starting Fourth Story, Lisa was was President, Scholastic Trade Publishing and Book Fairs; managed the publication of Harry Potter and the Deathly Hallows; and oversaw development of The 39 Clues. Before that she spent nearly a decade developing numerous bestselling, franchise-launching series at Disney.

Happy Cog‘s New York office developed this project. The team:

Equally vital to the project’s success were Fourth Story’s leaders and partners, including:

  • Lorraine Shanley, Principal Advisor
  • Ariel Aberg-Riger (website, Twitter), Creative Development & Marketing Manager
  • JillEllyn Riley, Editorial Director
  • Dale Robbins, Creative Director
  • David Stack, Director, Digital Partnerships
  • Melissa Kantor, Writer
  • Peter Silsbee, Writer
  • Polly Kanevsky, Art Director
  • Sam Gerstenzang, Technology Consultant

Today’s launch is not the end of our relationship with Fourth Story Media. The Amanda Project will continue to evolve, and Happy Cog will remain an active partner in its direction and growth. We thank our brilliant collaborators and congratulate them on today’s milestone.

Read more

[tags]amanda, amandaproject, theamandaproject, TAP, happycog, design, webdesign, contentstrategy, userexperience, publishing, books, aarongustafson, lizdanzico, erinkissane, whitneyhess, mattgoldenberg, kellymccarthy, jasonsantamaria, jeffreyzeldman, lisaholton, dalerobbins, davidstack, JillEllynRiley, ArielAberg-Riger[/tags]