News, links, research, and product announcements from XOXCO in Austin, TX.

  1. Aware.js: Make your site reader aware

    Last week, I wrote about the concept of reader aware design - the idea that our content websites can now look back at us and alter their layout to best suite our needs as readers without requiring us to login or create accounts.

    Today, I’m excited to announce the release of the first version of Aware.js, a jQuery plugin that implements many of these features, and enables developers to apply techniques first used in responsive design to these new reader contexts.

    What does Aware.js do?

    • Adds CSS classes to identify various classes of users: new visitors, repeat visitors, and repeat visitors who are making their first visit of the day.
    • Tracks time between visits, and makes this information available via Javascript
    • Flags content that is new to the reader for easy CSS styling.
    • Inserts relative bookmarks into the content stream to clearly indicate what a reader has already seen.

    Once implemented, developers can drastically alter the layout of their site using only CSS to accomodate a wide variety of reading scenarios. Combining these new CSS and Javascript tools with existing responsive design techniques unlocks a vast array of options for customizing the layout and content on a page to suite individual readers without requiring any server-side code or CMS template logic. View a demo of Aware.js in action here.

    Learn more, and download Aware.js here.

    We’re releasing Aware.js now to continue the conversation about reader aware design, and to collect feedback and suggestions from the community. What other information might Aware.js provide about a reader? How will you use these tools and techniques on your site? We’d love to hear from you - Send us a tweet to @XOXCO!

    posted 1 year ago on Nov 28, 2012 | Permalink | 47 notes

  2. Tumblr Notes

    1. bienalto reblogged this from xoxco
    2. newsfastforward reblogged this from journo-geekery and added:
      I am fawning. Make every site implement this. Please.
    3. journo-geekery reblogged this from kaebot and added:
      Ooooh. And a handy XOXO talk to listen to as well. Nice.
    4. stephenabbott reblogged this from xoxco
    5. kaebot reblogged this from benbrown
    6. benbrown reblogged this from xoxco and added:
      I released some free software...ideas I discussed:
    7. theream reblogged this from xoxco
    8. trenchant reblogged this from xoxco
    9. xoxco posted this

Receive XOXCO's curated broadcast of original essays and links about product design, publishing, and software. Featuring exclusive links to experimental software and limited edition digital downloads.