Wisdump

Dumping wisdom on design and the web

  • Design
  • Blogging
  • Designer Resources
  • Design Critiques
  • CSS
  • About
  • Advertise
  • Contact Us

3 Nifty Browsing Features that Should Be on Every Site

January 24, 2011 By Sophia Lucero 3 Comments

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

Kottke unread posts notification

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

Infinite Scroll logo

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.

Filed Under: Web Experience Tagged With: ffffound, Gmail, infinite scrolling, javascript, jquery, keyboard navigation, kottke, notifications, push, real-time web, Twitter, user experience, WordPress

Comments

  1. Tom H says

    October 17, 2009 at 11:51 am

    If by ‘site’ you mean ‘blog’

    Here’s something else you might find useful, for long pages with many comments or sections:
    Scrollbar Contents

  2. Sophia Lucero says

    October 18, 2009 at 6:45 am

    That is brilliant! I’m disappointed I didn’t find this earlier so I could’ve added it to the list. Thank you for posting this.

Trackbacks

  1. 3 nifty browsing features that should be on every site | Wisdump | Rumball Motors Interactive says:
    November 26, 2009 at 10:59 pm

    […] 3 nifty browsing features that should be on every site | Wisdump. Tags:  User Experience Be the first to start a conversation Click here to […]

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Categories

Web Design Tools You Wish You Knew About When First Designing Your Website

Web Design Tools You Wish You Knew About When First Designing Your Website

It’s easy to have perfect vision in hindsight, but when designing a website a little planning ahead can give you a perfect vision from the get-go. Many web designers find themselves performing redundant tasks, or creating things with manual effort that could otherwise be automated. Check out these useful web design tools that you’ll be […]

Best Resources to Use for Web Design Ideas

Best Resources to Use for Web Design Ideas

Web designers may have their own ideas when creating a layout design for a website but similar to writers, they also experience the so-called mental block syndrome at certain times. Fortunately, the web has a wealth of information available and designers can always turn to it for inspiration. It may surprise you to know that […]

The “Horrible Web Design Client:” An Infographic Look

The “Horrible Web Design Client:” An Infographic Look

Web design is a new frontier in creative designing. It takes a special set of design skills to make an effective web site. A good web site is not just pretty to look at, or filled with a lot of cool Flash animations, it is also easily navigable, with well laid out elements that are […]

Pagelines PlatformPro 1.3 – The Upgrade

Pagelines PlatformPro 1.3 – The Upgrade

PlatformPro 1.3, the latest upgraded version of the successful PlatformPro Theme by PageLines, has finally hit the market. Packed with 20 or so new options and features, it has undergone some major changes; the most important of which are listed here: The new Web Typography tool provides direct integration with Google’s Font API. This provides […]

Design tip: use extraordinary imagery

Design tip: use extraordinary imagery

Drawn.ca has posted 2 interesting sources of atypical imagery which, I realized, can be great design inspiration: First, Dogfoose uses close-up images of produce in his illustrations. The sample below uses broccoli as treetops for a kids magazine illustration: What an amusing way to channel the miniature look (achieved through tilt-shift photography) for infographics purposes! […]

iThemes Builder – Your one-stop WordPress Theme Builder

iThemes Builder – Your one-stop WordPress Theme Builder

This revolutionary new theme is incredibly easy to install – simply upload it into the themes folder, click activate – that’s it! As with all their themes, iThemes have included a My Themes widget, providing links to special features within the theme itself, as well as relevant information for the configuration of WordPress. The layout […]

Copyright © 2018 Wisdump · Log in