graphical interface - Programming Blog

Posts Tagged ‘graphical interface’

2 Oct 2009

Delicious has announced some refinements to its recently redesigned homepage that make the bookmarking site an even more useful tool for tracking the real-time web.

Among the new features is the ability to narrow any search down to spans of a mere five minutes. While it’s not for everyone, if you’re trying to find better ways to filter the fire hose of information that is real-time data, Delicious’ new search tool is an easy way to do it.

There’s also a very cool new interactive graph for filtering bookmarks around larger chunks of time. For example, if you wanted to see all your bookmarks added on this day last year, just click the interactive graph, select the start and end points and then click the search button to narrow the results.

While narrowing by time is hardly a new feature, the graphical interface is considerably more intuitive (and cooler) than simply plugging your dates in a text field. If nothing else, it’s a nice example of how much careful attention to interface design can improve a website.

In fact, the new Delicious seems to have something of fetish for charts and graphs. Charts also appear on each link’s “count” page, showing who has bookmarked it. For example, the Webmonkey homepage has been bookmarked over 5500 times, but the new chart (click the chart icon to see it) reveals a huge spike in June 2008 shortly after we relaunched the site.

Delicious’ new charts aren’t limited to the site either. There’s a new “Tagometer” widget that allows you to embed a chart on your own pages showing the number of saves over time and the most frequently-used tags. Right now you’ll need to cut-and-paste some JavaScript into your pages, but it probably won’t be long before someone creates a plug-in for WordPress and other platforms.

The final change Delicious has unveiled is an iPhone-optimized mobile site. The site is geared toward making it easier to bookmark pages on the iPhone, so you can read them later. While we prefer Instapaper for that sort of thing, the Delicious mobile site has other options — like quickly browsing recent bookmarks — which heavy users will appreciate.

See Also:

Go to Source

(1) Comment
Tags: chart icon, charts and graphs, Delicious, example, graphical interface, interactive graph, real time data, search, site, time

10 Password Strength Meter Scripts For A Better Registration Interface

In: web resources

5 May 2009

For membership-oriented websites, registration forms are one of the most important parts. A problematic experience, even if the sign-up is completed, will place a "question mark" to the visitor or vice-versa.

Password Lock And, it is also the first step where you can show that you care about the security of the website & all the data collected.

Although you can control/improve the security of the website, it is sometimes the weak passwords used that may have unwanted consequences.

Guiding users to have a strong password with the help of password strength meters, besides being an easy process, will help improving the security of the whole & show that the website pays attention to it.

Here are 10 password strength meter scripts for a better registration interface:

PasswordMeter

PasswordMeter is a JavaScript function that checks the strengths of passwords with a well-defined algorithm.

And, the website of the resource nicely displays how the strength is calculated.

Ultimate Password Strength Meter

This password strength meter is an improved version of this script. It that has a graphical interface (uses Prototype & Script.aculo.us) that shows the strength of the input.

Yet Another Password Meter

Based on the PasswordMeter script, YAPM is an improved version which enables you to measure the strength of your passwords and use the functions inside to adapt in your websites.

jQuery Password Strength Meter

Password Strength Meter is a jQuery plug-in that provides a smart algorithm to detect a password strength

Javascript Password Strength Meter

With the help of regular expressions that checks the repeated characters, uppercase-lowercase usage, the string length & more, this password meter script generates a score for the password.

How to Make a Password Strength Meter Like Google

Based on the code here, this is a JavaScript password meter. It displays the result with a color bar & an information text.

jQuery Password Strength Meter Plugin

This jQuery plugin calculates the password strength similar to th other solutions like checking the repeated characters, amount of numbers, special characters used, etc. But with a difference takes into consideration the username value too.

Password Strength Field (A jQuery Plugin)

Using the Password Strength Field plugin, you can instantly add this functionality to a password field.

It can be configured to have a custom "point system" where every variable can be defined.

PHP Password Strength Meter

A detailed tutorial on creating an Ajaxed password meter with PHP. This script checks the input at the server-side rather client-side.

A JSON result (strength value) is returned from the Ajax request and according to that value, the strength of the password is displayed.

Password Strength Meter With Ext JS

This script is built with Ext JS and displays the password strength with an animated bar.

Special Downloads:
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript, Password, Php

15 Fascinating Ways to Track Twitter Trends

In: web resources

4 Apr 2009

One of the great things about TwitterTwitter reviews is that it is a great place to track emerging trends. When major events or big stories occur, people tweet about it and it inevitably ends up at the top of Twitter Search as a top trend. But this only scratches the surface of tracking Twitter trends.

There are a wide variety of web applications, Twitter accounts, and even iPhone apps that can help people do everything from track popular hashtags to graph out recent Twitter trends. As Twitter grows, this information will only become more useful for understanding what is popular at any given moment, or even what was popular in the past.

Web-based Applications

1. Twitter Search: The simplest way to see trends on Twitter is on their official search page. Hot trends on Twitter appear on the search page and on the Twitter homepage, and clicking any will bring up a feed of the public conversation.

2. Twist: For those who are visual, Twist provides a graphical interface to see trends and keywords on Twitter. It not only lists out the hot trends over the last few hours, days, and week, but it provides embeddable charts and the ability to compare trends.

3. Monitter: Monitter is one of the best ways to track trends in real-time. Type in keywords and it will automatically update with the most recent tweets containing those terms. Add or remove columns to give you the right amount of information.

4. Hashtags.org: The popular webpage on Twitter hashtags also provides graphs on hashtag use just by hovering over the hashtag. There are also pages that show the most popular and newest hashtags, but their uptime is unreliable.

5. Tweetmeme: Looking for the most popular links on Twitter? Tweetmeme is the epicenter link sharing on the service.

6. Plodt: This website is a user-generated trend tracker based on tagging and ranking your tweets. It requires you to follow the Plodt Twitter account to participate. But even without participating, its timelines, tags, and statistics are still useful and interesting.

7. Twitturly: Twitturly is another way to track top-shared URLs. The interface allows users to see all of the active tweets that have shared a specific link.

Twitter Accounts

Tweeting Trends Image

8. twithority: Twithority is an easy way to have the most recent Twitter trends tweeted to you. The links provide a view of Twitter trends based on both time and “authority.”

9. TweetingTrends: TweetingTrends is an even simpler way to keep up with Twitter Trends. Links go directly to Twitter Search.

10. PowerSearch: PowerSearch not only tweets about emerging trends, but daily and weekly trends that you may have missed out on.

11. gtrend: gtrend is short for “Google Trend.” It updates users on the most recent trends within Google Search. Follow this account to know about trends across the wider web. No, this doesn’t track Twitter trends, but it’s a great way to compare trends.

iPhone Apps

Retweet Image

12. Retweet [iTunes Link]: Retweet, which we have previously reviewed, provides a simple iPhone interface for reading top retweets, links, and retweeting them out yourself. It costs 99 cents.

13. Tweetie Tweetie reviews [iTunes Link]: Did you know that this popular Twitter also has a section that displays what is currently trending on Twitter? Not only that, but you can save trending items as well.

14. Twitter Trend [iTunes Link]: This free application provides a simple tag cloud for looking at hot, rising, or emerging trends on Twitter.

15. Summizer [iTunes Link]: Summizer is an advanced query Twitter search tool. It allows users to view trending topics or find specific types of tweets, i.e. Tweets sent by or from a specific person, or tweets that don’t include specific words. Summizer has both a paid and a free version.