I’ve noticed this trend to screenshot tweets instead of copy-pasting their texts in blockquotes for some time now. On web design and technology blogs, no less. You’d think these sites who constantly write articles about HTML, CSS, web standards, usability, semantics would actually listen to their own advice.
What do people get out of doing it, though? Is Twitter really that much of a game-changer that you can now break the conventions of quoting people in articles on websites? Is it really that big of a deal to debate on how you should add tweets to articles—which is so obviously linkbait?
Are tweet pages designed so much prettier than your default blockquote designs that you feel compelled to use them instead (that’s definitely an “unsuccessful designer trend” isn’t it)? Though, consider the construction: large text, a clear indication of who said the tweet, and a fuzzy timestamp. Maybe that’s what blockquotes should aspire to be?
Are tweets such special data forms that you need specialized plugins and scripts like WP Quote, Twickie, QuoteURL to display them? Or do those exist to up one’s geek cred and feed the third-party Twitter apps machine?
Still, those aren’t as bad as web apps like tweetshots. Want to share a tweet on Tumblr? Use the Quote post type. WordPress is getting custom post types in its next major release too. But publishing platform or no publishing platform, that’s what the HTML tag <blockquote> is for.
Let me channel Steve Ballmer and say: Blockquotes, blockquotes, blockquotes, blockquotes, blockquotes. They’re not that hard to use, certainly not more than taking a screenshot and uploading it.
I understand why on some occasions using images instead of text and other data formats is preferred. They’re usually more portable when passed around in email, forums, social networks, and other communication platforms. More people know how to deal with images than URLs too. But for the purpose of quoting tweeple on websites, I see no excuse for displaying text as images.
I’ll spell it out for you in <strong> and <em>: display text as text, not as images, damn it!
Sure, screencapping tweets may not be as grave a sin as using tables for layouts, but back when that was the dominant method of creating websites, it was a pragmatic choice to make do with the technology available. The choice to use images for text is illogical today. It is confusing behavior that is inexplicably linked to Twitter’s success.
Here are three little tweaks that go a long way in improving one’s browsing experience and should become default features on every website.
Kottke’s unread posts notification in the title bar
It’s not just web applications like Gmail or Twitter that can enforce the “push” instead of “pull” format that is associated with the real-time web. If you spend a significant amount of time browsing Jason Kottke’s site you’ll probably notice the title bar changing when a new post gets published.
I added a new feature to kottke.org over the weekend: live updating on the home page. If you leave kottke.org open in your browser (with JavaScript on) and I post a new link, the page will display a message urging you to refresh to view some new posts. The page title changes too, so if you have it up in a tab, you can tell at a glance if something’s new. Right now the page checks for new posts every ten minutes, but that could change depending on server load, etc. Thanks to Twitter Search and Tumblr for the inspiration.
Developer hack: Kottke didn’t give details on how he did it, but this script is doing the work.
Infinite scrolling
Paginated websites make digesting content more manageable, but sometimes you just want to consume as much as possible too. Imagine devouring as many Google search results and Flickr images as you can.
Infinite scrolling—at least the hacks mentioned below—load the next page when you’re done browsing the current one. The next and previous page links are still there, so you have both options to choose from.
User hack: install Greasemonkey and the AutoPagerize user script.
Developer hack: use the jQuery plugin or the WordPress plugin.
FFFFOUND!’s keyboard navigation
Don’t underestimate the efficiency of the keyboard. At image-bookmarking site FFFFOUND!, using the keyboard is the best way to get around.
Developer hack: install paging_keys_js.
The mark of anything well-made is found in the details, and when it comes to geeky conferences for designers and developers, organizers are coming up with geeky new ways to spice up the offline event experience.
Badges
Gravatar-enabled WordCamp Badges
Let me first say that Gravatars, or globally recognized avatars, should be a staple in every social network or web app that lets uses upload avatars, because why upload one everywhere when it can be pulled from a centralized location?
Now combine Gravatar with sister application WordPress, specifically its conference WordCamp, and you’ve got brilliant automated way to print photos on conference badges. The best part is you can download the source code!
Creative Mornings Q&A Badges
This one’s not so high-tech, but a neat little idea nonetheless, especially for smaller, more frequent gatherings such as Creative Mornings. In place of names on the nametags, participants have to fill in the blank with an answer to a certain question.
Past sessions have asked questions like “What would you like to redesign?”, “What can you teach me?”, “What would you do if you had your own storefront?”, and “What would make you a good client?” Cheap, easy, and an instant icebreaker.
Crowdsourcing
dConstruct Time Capsule
With the theme of dConstruct 2009 being Designing for Tomorrow, it makes total sense to come up with a Time Capsule competition, where the best entry wins free passes including hotel accommodations and a seat at the speakers dinner.
The question is simple: “What do you see that you would like to preserve for the future?” but it also underscores how important understanding the past and present is in order to build for the future. Especially when it comes to the Web.
SXSW Panel Picker
For such a massive event as the South By Southwest (SXSW) Conferences and Festivals, tapping into the wisdom of the masses makes sense. Not only does the SXSW PanelPicker increase interactivity by letting the participants vote for the talks that will go live, but it also builds extra buzz as the speakers themselves campaign for their own panels.
Twitter & Co. Mashups
MIX09 Flotzam
These days everybody is contributing to the coverage of any one event, and it’s even more awesome to experience that collaboration during instead of after the fact. Mashups such as Flotzam grabs streams from Facebook, Flickr, YouTube, Digg, Twitter, and the blogosphere. This one looks especially nice with the Tetris skin, which was originally built for Microsoft conference MIX09.
Read more about the process here. Grab the .NET and Silverlight source code here.
Carsonified @HelloApp
@HelloApp, which debuts at the Future of Web Apps – London 2009, lets conference-goers meet new people via Twitter. First you tag yourself during check-in, earn badges and points for meeting new people and completing certain tasks, and browse the seating chart according to professional background (design, development, PHP, Rails).
A perfect blend of socializing and tweeting at the same time. Read how Carsonified created it.
What’s your great idea?
Got a great conference idea already executed, or still brewing? The moral of the story here: don’t leave your geekiness behind when you go offline. Embrace it, because it makes things a hell of a lot more interesting.
Tumblr is no longer just the home of reblogged pictures, quotes, music, videos, and journal entries of friends you follow; it’s also gaining favor with the more discerning content creators in the design and technology circles, turning it into a truly professional publishing platform. This phenomenon is thanks to its relatively easy customization while keeping its interface decidedly simple.
My question is, if Tumblr’s audience is becoming more mature, should it shift from its dead-simple appeal and grow up too? David Yeiser prefers its current approach:
What’s neat about Tumblr is it’s not only a great publishing platform but a great tool for content consumption. [...] as self-publishing has changed to shorter forms and varied media the traditional feed reader has become obsolete. I shouldn’t have to click a title of a post to read a quote. [...] I think the way Tumblr aggregates and displays blog posts is the future of feed readers. Though I’m not aware of any standalone readers that take this approach.
Personally, I disagree. I follow a lot of people (and non-people) on Tumblr, producing remarkably varied content genres (e.g. XKCD Explained, 53 Weeks of UX, Sweet Home Style) with no way of filtering which ones I’d like to view at a time. Infinite scrolling in the dashboard can only take you so far in browsing ease.
Unwieldy content consumption is a familiar problem experienced on Twitter and Facebook, and by people who want more options, more control. Except there are now methods of dealing them on those sites. It’s even a big business for third party companies. On Tumblr, that remains to be seen.
Dashboard filtering options would be a welcome addition to the site. The reason is that “following” is a one-size-fits-all option when the truth is we need many.
And there lies the rub with a hosted platform, as well as platform that caters to simplicity first and foremost. Notice that as the concept of feed reading, trackbacking, and commenting are abstracted, if not replaced with Tumblr’s own conventions of dashboard reading, reblogging, liking, answering, one is forced to adhere to a closed set of standards inside its community. For a community that’s got such a wealth of content, consuming and sharing and communicating through that content but with limiting, non-standard methods is a turn off. If I link to a Tumblr post from a non-Tumblr site, will the owner of that tumblelog even know that I did?
Again, all of this wouldn’t be so bad if there were more options available, even as premium features. Right now, there aren’t.
What should Tumblr do? Should it go the WordPress.org and Identi.ca route and provide an open, self-hosted platform? Should it take some notes from the old-but-still-strong LiveJournal? (In some ways their user bases are the same.) Should it push its API more aggressively? Should we just wait and see what they’re up to, or accept that it’s really just a different culture from what we’re accustomed to?
As someone who’s enjoyed a lot of great content on Tumblr and is tempted to migrate her personal blog over there, there are a glaring number of things holding me back.
Haven’t gotten into the holiday spirit quite yet? Perhaps these design and development focused advent calendars will do the trick. Come to think of it, it should do even more than that; you get a treat every single day for 24 days straight. Sounds even better than Christmas day? Almost.
This site may not have started the “geeky” advent calendar trend, but it has certainly built an excellent reputation and tradition for web designers everywhere. The design continues to be cutting edge and inspiring as well.
All PHP, all holiday season long. See also the Perl Advent Calendar. (There’s a Rails one too, but the original post seems to be missing now.)
Few things are better than a holiday sale, and this advent calendar themed bazaar by SitePoint looks great. The format is pretty clever too: each offer lasts for only 24 hours, and you won’t know what products come on next.
Here’s one for the WordPress lovers, made by no less than WP Engineer. I hope that next year this becomes a community-wide effort as with the PHP Advent Calendar. Archive here.
A great crash course, if you will, into everything about social media. Not quite for designers or developers, but a great resource nonetheless.
Lists done better?
Writing this article made me realize this could actually be a way to create better list articles. Instead of cramming everything in and bombarding your readers with one long, heavy post, create a series. Exercise patience and restraint on your part and theirs. Keep them coming back for more.
Once you’ve reached your quota, do a round-up, and store the past articles in a safe place. They can even be realigned or revisited (hopefully not like recycled fruitcake, mind you) when the holidays come around again. Of course you can write all year long, but the idea is also avoiding predictability and knowing when to make things special.
And speaking of which, may you all have a special holiday season this year!
Everything old seems to be new (and hip?) again. And I’m not too sure I’m happy about it.
Short URLs
Shorter URLs are all the rage these days because of Twitter and its 140-character limit. If you’re one of the top sites on the web is practically mandatory for you to roll out your own URL shortening system. Ars Technica, for example, whose official URL is arstechnica.com, also has arst.ch. If you’re on a CMS like WordPress, you’re advised to give out the post ID permalink instead of the keyword-rich permalink of your blog post for the same reason.
Not too long ago, SEO and usability experts were on the same side and recommended readable URLs. Now that Twitter is the new internet marketing (I think they call it social media now) battlefield, the rules changed. When the next killer Web 3.0 app comes out, will we compromise and adjust once again?
But then again, has the Web ever stood still? Maybe I just thought it was beginning to.
WebKit’s CSS animations and scrollbars
You can now style scrollbars and perform animations using CSS in WebKit browsers.
I remember when Internet Explorer started to support scrollbar styling and almost every personal site took advantage of it. But then they grew out of it and were told by the gurus not to mess with the browser chrome.
I also remember <blink> and <marquee>.
But then again, “styling scrollbars isn’t messing with the chrome anymore than styling a button is.” Would the world be a saner place if browsers behaved the same way and all looked alike?
DiggBars
Digg has come out with its own version of the external page framing mechanism which they call the DiggBar.
Said mechanism is nothing new, and never really died out even to be considered a comeback, but Digg has a powerful following by all that which is noisy in the blogosphere to build a considerable amount of buzz. And no matter how you look at it, framing external pages is still framing, reminiscent of the era when HTML framesets were considered cool.
But then again, perhaps in this new era listening to the clamor of the crowd is no longer a fluke, but a very real way to improve one’s business.
Today, August 27th, marks the day Internet Explorer 6 (IE6) first came out. It’s a seven year-old browser. This little factoid is part of a battle cry by M. David Auayan to stop developing websites for IE6 by March 2009. Enter the IE Death March.
Internet Explorer 6 will be SEVEN years old on August 27th. It came out a few weeks before the Twin Towers fell. It came out before the Nintendo GameCube. It came out before the first iPod.
It’s time to put a deadline on dropping IE6, and I say that time is now, and the deadline should be soon… say like, March 2009. That’s roughly a little more than 6 months. Feel free to join me. If your company is dropping support for IE6, let me know and I’ll gladly post it up.
There have been tons of initiatives to finally ditch one of the most loathed software on the planet. You may have noticed some of these around the Internet:
So many parties are restless about the state of web browsing, and rather than wait for Microsoft to get its act together, they take it upon themselves to do something about it. It doesn’t really stop with the viral websites. Every few months or so you’ll find a blog post that details how the author has had it with IE (IE6 usually) and that he has resolved to drop support for the browser completely.
One must ask: are any of them making a significant difference in the market share of IE? Or IE6, specifically?
According to statistics from several prominent web counters, Internet Explorer is still the dominant browser at around 76%. Although it’s slowly going down by a few percent every few months, that’s still a high number. Even on sites that advocate web standards like W3Schools show that around half of the site visitors are on IE, a quarter on IE6.
The biggest agent of change was probably Google, since it actually paid people to download Firefox. But now that’s gone, will the ball keep rolling? Is it time to look at other, more drastic strategies the way Mozilla did recently?
It seems we’re all feeling a little desperate these days. After all, it’s been seven years.
It seems the online world is the perfect place for all the madness taking place every April 1st, but I’ve noticed some of the pranks circling the Web today are really good ideas and worth discussing here on Wisdump.
Gmail users have long wanted a send email in future time feature to avoid unnecessary follow-up and back-and-forth emailing, but Google spins it around. In addition to “never delete another email again”, there’s “never send another late email again”. You can send an email timestamped as far back as April 1, 2004, which is when Gmail was launched and a clue right there how legit this feature is.
Many people would love to have custom time/date stamps on their emails—I know I would. But it becomes a case of deception versus productivity. Will Google continue to draw the line? Do you see this happening in the future? If you can do it with blog posts, why not emails? If you’ll remember last year’s prank, Gmail Paper, it’s another great idea that asks “why not?” too. (And, if anything, testimonials don’t make a product believable.)
Also check out Google’s other pranks for this year:
- Virgle (see also Larry and Sergey’s video), the first human colony on Mars
- gDay, which lets you search content on the internet before it is created
- Google Wake Up Kit, a system that sends increasingly annoying alerts (SMS, water bucket, bed-flipping device) to wake you up – it’s potentially a good idea, but it’s not as subtly executed as Gmail’s pranks so I won’t elaborate on it
Whew! Google’s been busy this year!
Darren Rowse on ProBlogger has launched a way to monetize Twitter with PayPerTweet. This totally makes sense because we’ve long wondered how Twitter could possibly be penetrated by advertisers, and we get a pretty viable answer.
Problem is, Twitter is a pretty trustworthy environment right now—you follow only whom you want to and the second they start spamming you, “unfollow” is always one click away. PayPerTweet is not just a prank but an addressing of the question we’ve all had on our minds: who will cross the line and bring advertising to Twitter? Are we there already? Will you tolerate it? Perhaps fake tweets like announcing PayPerTweet and other pranks—rickrolling is such a big thing these days—is the closest thing we’ll ever get to sneakiness (read: sponsored tweets) on Twitter.
Another great thing about the PayPerTweet announcement is that because it’s a blog-based prank, the comments section clearly shows who got punk’d and who managed to call BS. And you can discuss in a follow-up post the success (or failure) of your prank. We thus find out that PayPerTweet came from an actual proposal to advertise via Twitter for $20. Darren Rowse refused the offer.
Renowned information design expert Edward Tufte joins SlideShare’s board of advisors to help guide people in presenting visual information the proper way. The online slideshow service will employ technologies that automatically eliminate bullet points, chartjunk, and other distracting elements from presentations.
Even if you’re remotely interested in design, you probably believe the world will become a better place by throwing out crappy PowerPoint slides. But is Microsoft to blame for all the ugly, overloaded, and difficult-to-read slides? Can and should software encourage and impress upon its users the principles of good design? And since we know that PowerPoint, as well as Word, was made for business, should we expect people in non-design industries to have rudimentary design sense (i.e., should it be part of their job description)?
Darren Hoyt releases a WordPress theme that showcases the hottest web design techniques ten years ago. How nostalgic! When you click on the preview image, a JavaScript alert comes up, saying, “Happy April Fool’s — seriously, you were gonna download this?”
I wonder how many people actually clicked, or if Darren Hoyt kept track of how many did. Using this theme would be a really good April Fools’ prank; too bad no real theme files were created. Update (April 7, 2008): Somebody actually did a similar prank! Jasongraphix redesigned his site with the “90s look” on April 1st! There’s always the possibility that somebody out there actually finds this theme attractive. This got me thinking: did you really think that old school web design was tasteful back then? Do you think the current web design trends will be considered attractive in the future?
In 1998 I was a freshman in high school and we were supposed to create webpages on a slow, 16-color (yes, literally 16 colors only, not 16-bit) computer, with no graphics program, and had to make do with whatever images were installed on the PC. My geekier-than-thou classmates were fooling around with DHTML alerts and scrolls, and I was too flabbergasted at the limitations of the computer I was using to even see how it was possible to create a decent-looking website. Today, I see people worship the Apple aesthetic, but bash rounded corners and other bright, shiny, glassy Web 2.0 looks, then proceed to play tug-of-war between light, clean, grid-based minimalism and dark, dirty, anything-goes maximalism.
Update (10:48 PM):
The Serif announces that FontFont will release a Helvetica Serif, which is a digital recreation of the sketches by Max Miedinger’s granddaughter.
If the little nuances in the image above don’t already give away the impression that this is a less than spectacular typeface and couldn’t possibly match the sans serif that is Helvetica, that’s okay. But know that having a serif version of Helvetica is a really big deal, quite an impossible one actually. (Update 04/02/08: Stephen Coles of Typographica.org reports in the comments there’s Helserif by Phil Martin.) Helvetica stands for everything a serif typeface isn’t. Do you think Miedinger would come up with a serif typeface just for the heck of it? Do we need a Helvetica Serif? Who should be tasked to create it?
I hope you’re having as much fun this April Fools’ as I am. Don’t forget to check out the most popular April Fools’ Day pranks on the web then go vote for them here.
ThemeShaper is hosting a contest for the next default theme for WordPress, since Ian thinks Kubrick’s gone old (I agree). He’s proposing The Sandbox since it’s easily modified, but it looks like crap so a new default design is still needed.
Weigh in, and win premium themes!
The upcoming WordPress 2.5 is delayed, which I saw coming, and that’s fine. I’d rather have a working release, than a buggy one, and I’m sure most of us agree.
One of the new features in 2.5 is a revamped admin look, something that won’t sit well with every user of course. Not that today’s theme is perfect in any way, but change always makes users react, which is why there are some admin themes available.
more
*/
