I’m loving paper.li

A while back I put together a Twitter list of the women in web education. Right now there are 45 women on the list. Here’s my original post explaining the list: Where are the Women in Web Education? When I started the list, I wasn’t thinking about paper.li, I was thinking about finding a group of women who could speak about web education at conferences.

Once I had the list, I quickly realized that I could aggregate the tweets from the list using paper.li. I created the Women in Web Education Daily, described in this post.

Now, paper.li publishes a daily compilation of stories, blog posts, event announcements, coding news, videos, photos, and technology information from the tweeters on the list. Take a look.

Here’s what I’m loving about paper.li.

  • The quality of information that the women on the list post to Twitter is reliably interesting and worthy of my attention in terms of my main interests. Great list = great daily paper.
  • There’s a menu of topics so you can jump to the full day’s news on specific areas. You can also subscribe.
    the menu
  • There’s an archive of past issues.
  • There’s a constantly refreshing Twitter feed.
  • I don’t have to watch Twitter all day to see what’s going on in my area of interest. I can catch up once a day.
  • It’s intelligently and attractively laid out so it’s easy to read and navigate. There are ads, but they aren’t annoying.

I’m impressed with paper.li because I have a great list that produces great content for the daily read. I think it’s a brilliant idea. It takes something as unmanageable and unfiltered as Twitter and concentrates it into something both manageable and filtered. It’s the most useful thing I’ve discovered in a long time. I’m loving it.

Useful links: Form traps, Wired, find your content, web education slides, online tutoring

Fashionable Web Forms: Traps and Tips has UX advice from a pro on how to make forms work better.

Why Wired Loves the Ladies. That slide of the last 32 Wired covers tells the story with such impact no other comment is necessary.

Find Websites that are Copying Your Content. Great tips for tools.

An interpretation of the slides by OpenMatt is interesting, as well as the comments from students.

And, if Anna Debenham’s portrait of web education in the UK wasn’t enough to make you wonder how things ought to be done, the NY Times reported that UK math students are now getting tutored online from instructors in India. What do you think about that?

Klout – what’s it to ya?

Klout.com, a service that has measured a person’s influence and reach on Twitter, just added Facebook to its Klout calculations.

The alliance with Facebook was announced in Do You Have Facebook Klout? Here’s a bit of their explanation about how it will work.

On Facebook, like Twitter, we assess how conversations and content generate interest and engagement. Facebook allows users to post many different types of content, view multiple streams and interact with their friends in more complex ways than we’ve previously seen. We’ve made sure each action and reaction is individually assessed to ensure we give you the most accurate picture of your Klout.

At Pureconent, Catherine explained

To determine level of influence, Klout uses various data points which they then compile into what they call a ‘Klout Score’, which is intended to represent the user’s online influence and ability to compel others to action. On Twitter, Klout uses things such as retweets, number of followers, list memberships, and unique mentions to calculate a user’s ‘true reach’. Now it is applying the same methodology to Facebook.

Apparently, it is more complex to add in a consideration of Facebook influence than simply scoring for Twitter influence – it takes 72 hours to get a score with your Facebook klout. Twitter scores are returned instantly. Connecting your Facebook account to your Klout account will not lower your Klout score, according to the announcement.

Who Needs Klout?

While it’s clean ego-tickling fun to look at your own Klout, the service is not really meant for individuals who simply want to know how they’re doing. Its core reason for being is to help businesses find influencers who can drive action. In other words, you can see other peoples Klout without their permission. (The better to look for those influencers you’re seeking, my dear.) According to Klout Adds Facebook Data to Its Influence Graph

Measuring influence isn’t just something that Klout wants to do in order to make users feel good about themselves, or so it can give them badges for passing certain milestones (although it does that as well). The reality is that as social media and social networks have become a larger and larger phenomenon, marketing agencies and companies have become increasingly interested in using these networks and services to target specific demographics, and to target “influencers” within specific topic areas who can help spread their message.

Not just business, but other seeking to influence events (such as nonprofits or social justice groups) can also make use of Klout.

Nonprofit maven Beth Kanter has written about social influence several times. In Can Social Network Analysis Improve Your Social Media Strategy? she mentions a number of tools other than Klout that can be used to map and measure influence. Beth does include Klout in her post about finding and cultivating the movers and shakers in your area of interest, Twitter Tip for Networked Nonprofits: Follow the Few To Get To the Many. Beth said on The Huffington Post that its about more than just the numbers.

It also helps to understand how networks work and apply that understanding to analyzing the relationships in your network, using social network analysis tools. Then you know who the influencers are and you can formulate and executive an effective strategy based on finding and cultivating them.

Numbers don’t matter as much building relationships one person at a time. The bottom line is to focus on the results of your social media strategy, don’t get distracted by meaningless metrics like the number of followers.

My Klout Before Facebook

I’ll use myself as an example, although I’m not an influencer with much Klout.
However, I’m willing to reveal my data as your guinea pig. I signed up with Klout and looked at my score from my Twitter account. My score was 21. That’s on a scale of 1-100. Along with that raw number, I was given all sorts of charts, like the following one, that explain various aspects of what that number means. This chart shows something called “true reach.”

klout-trueReach

Like several other charts at Klout, the true reach chart is a dynamic chart. Different results are displayed for True Reach depending on what I click from the bar across the bottom where it says TrueReach, Followers, Friends, Mentions %, and Retweet %.

I also see a list of who I’m influenced by.

klout-InfluencedBy

Knowing who I’m influenced by isn’t so important to me as an individual – I already know who I’m influenced by. But – and this is a big but – you can look at other people’s Klout scores. All you need is their Twitter username. if you were looking at someone else’s klout results for potential influencers to add to your social network or community, this list of influencers could be very valuable to you.

Klout also wants to help you find influential people. It shows me where it thinks I’m missing a bet with some followers I should follow back.

klout-influenceNetwork

My Klout After Facebook

I linked my Klout account to my Facebook account and sat back to wait for 72 hours for some results. Facebook isn’t my big thing – I use it because I have to for work. I’m not very connected on Facebook and don’t friend people unless I actually know them, so I was counting on Klout’s promise that my score would not suffer an embarrassing drop after adding in the Facebook data.

It didn’t drop, but it didn’t go up either.

klout achievements

New badges appeared that seem to reflect action on Facebook. The badges for Total Likes, Total Comments, and Unique Commenters were the only thing I could find that was different in my results after the addition of Facebook.

Are you helped by Klout?

Knowing my Klout score isn’t much use to me or anyone else, but I’m not trying to start a movement, raise awareness about an issue, collect money for natural distaster relief or find the people who might convince someone that my product is the best thing to buy. If I was doing any of those things, it would be smart to go looking for influencers on Klout so I could build a relationship with them.

Do you use Klout? Does the addition of Facebook to the scoring process make it even more valuable to you?

Cross posted at BlogHer.

ARIA Roles 101

See Also: ARIA States 101

As part of the Web Accessibility Initiative (WAI), the Accessible Rich Internet Applications Suite (ARIA), defines a way to make Web content and Web applications more accessible. It is used to improve the accessibility of dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

ARIA roles work now in many browsers and screen readers. When they don’t, they are harmless.

ARIA specifies the following:

  • Roles to describe the type of widget presented, such as “menu,” “treeitem,” “slider,” and “progressmeter”
  • Roles to describe the structure of the Web page, such as headings, regions, and tables (grids)
  • Properties to describe the state widgets are in, such as “checked” for a check box, or “haspopup” for a menu.
  • Properties to define live regions of a page that are likely to get updates (such as stock quotes), as well as an interruption policy for those updates—for example, critical updates may be presented in an alert dialog box, and incidental updates occur within the page
  • Properties for drag-and-drop that describe drag sources and drop targets
  • A way to provide keyboard navigation for the Web objects and events, such as those mentioned above

This article will look at the first two items dealing with ARIA roles.

How to use roles

As the list mentioned, roles describe widgets and structure. Structural roles are added to markup as attributes of elements. In XHTML, for example:

<div id="header" role="banner">
<div id="nav"  role="navigation">

or in HTML5

<header role="banner">
<nav role="navigation">

Roles used in ways like the preceding examples are navigation aids for machine readers and for assistive devices such as screen readers.

Roles that describe widgets are added to markup with additional information. The role in the example below identifies the element as a slider, with additional values using the aria prefix prepended to the property name. For example, in a slider widget that allows the user to select the day of the week, the values 1 – 7 indicate the days of the week. The first day of the week, number 1, is Sunday. The aria-valuemin and aria-valuemax restrict the options in the slider to 1 – 7.

<div role="slider"
aria-valuenow="1"
aria-valuemin="1" aria-valuemax="7"
aria-valuetext="Sunday"></div>

List of roles

The W3C list of roles is quoted below. Links go to further definitions of each role on the W3C site.

Roles that act as standalone user interface widgets or as part of larger, composite widgets.

Roles that act as composite user interface widgets. These roles typically act as containers that manage other, contained widgets.

Roles that describe document structures that organize content in a page.

Roles that act as navigational landmarks

Additional Resources

Useful links: student web conference, transparent borders, usability, app developers, getting started

The 2011 Student Web Conference is in January and it’s free. Students need to attend this, instructors and web educators need to be supporting the event and speaking at it. This is a great thing! Hooray to Zac Gordon for getting this conference going. (And next year there will be women in the speakers list, right, Zac? Because you’ll know where the women in web education are: Twitter List.)

Transparent Borders with background-clip at CSS Tricks explains a very attractive design option.

10 Usability Tips Based on Research Studies at Six Revisions is an excellent article. Anyone working on creating web pages should memorize it.

5 Tips for Aspiring Web App Developers from Mashable is terrific advice.

$100 Off Ladies Who Launch Seattle. Here’s a discount on a conference for women entrepreneurs.

Useful links: PR, elections, #FF

Because some things are worth more than a box of cereal is a rant from The Bloggess. It points out a lot of what bloggers have to put up with these days. The other day I wrote a review of a web app called xtranormal. It seemed obvious enough that I was writing the review out of personal curiosity and not because I was asked to by anyone. But I do get asked to review many, many web apps. If I do review anything because of a PR campaign, I’ll tell you the story of why I’m writing about it.

Republicans in Congress Are More Active and More Popular on Twitter.  Twitter may make a difference in the upcoming U.S. midterm elections. That shouldn’t be news to anyone. Social media influenced the 2008 elections. But the Republicans are running with it right now.

Speaking of Twitter, you can follow @CSS3, @HTML5, @HTML5Watch, and @HTML5gallery.

Make movies with xtranormal

I saw a movie made using xtranormal.com and couldn’t resist trying it out myself. Registration was easy. The free options are few. If you wanted to turn out something really powerful, you’d have to pay to do it.

I did make a free movie just for fun. It was easy to do. Here’s my first movie.

There may not be one in a paid movie, but there is a second <object> included in the embed code of a free movie. It looks really ungainly to me, don’t know why they sized it like that, but I’m leaving it as is. It contains a script to collect stats. It would be a simple modification to remove that second <object>, but I decided to leave it there so you could see what you get out of the box with a free movie.

The machine generated voice couldn’t read Dreamweaver correctly, but it did fine with two words: dream weaver. The voice seemed to make sense of the content and phrasing. For example, the phrase “the catch is” was treated with intelligence. I found that impressive.