The Imagery

Facebook uses a funky sprite for their modal box. Pretty cool though.

The CSS

/* from facebook */
.generic_dialog { height:0; left:0; overflow:visible; position:fixed; /*dw*/ top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }
.generic_dialog div.dialog_loading 		{ background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }
.dialog_body .dialog_content_img { float:left; margin-right:15px; }
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }
.dialog_body .dialog_content_body { padding-bottom:13px; } 
.dialog_body .form_label { padding-right:5px; }
.dark_dialog_overlay { background-image:url(facebook-overlay.png); background-repeat:repeat; }
* html .dark_dialog_overlay { background-color:transparent; background-image:url(blank.gif); }
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; } 
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }
td.pop_topleft { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(facebook-pop-dialog-sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(facebook-pop-dialog-sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(facebook-pop-dialog-sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
.pop_dialog_rtl td.pop_content { direction:rtl; }
td.pop_content h2.dialog_title { background:#6D84B4 none repeat scroll 0 0; border:1px solid #3B5998; color:white; font-size:14px; font-weight:bold; margin:0; }
td.pop_content h2.dialog_loading { background:#6D84B4 url(facebook-indicator_white_small.gif) no-repeat scroll 400px 10px; padding-right:40px; }
td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; padding:8px 10px; }
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }

/* david walsh custom */
#fb-modal	{ display:none; }
#fb-close	{ cursor:pointer; }
.info		{ width:280px; float:left; font-size:11px; color:#666; }
.info b	{ color:#000; }
.image	{ width:200px; float:left; margin-right:10px; }

Most of this CSS was copied straight from Facebook’s stylesheets. You’ll see a bit of custom CSS at the bottom but that’s just me customizing the content in the modal box.

The MooTools JavaScript

window.addEvent('domready',function() {
	/* hide using opacity on page load */
	$('fb-modal').setStyles({
		opacity:0,
		display:'block'
	});
	/* hiders */
	$('fb-close').addEvent('click',function(e) { $('fb-modal').fade('out'); });
	window.addEvent('keypress',function(e) { if(e.key == 'esc') { $('fb-modal').fade('out'); } });
	$(document.body).addEvent('click',function(e) { 
		if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog')) { 
			$('fb-modal').fade('out'); 
		} 
	});
	/* click to show */
	$('fb-trigger').addEvent('click',function() {
		$('fb-modal').fade('in');
	});
});

Fade in. Fade out. Too easy with MooTools!

Just because Facebook has more resources than you doesn’t mean your site can’t look as good as Facebook!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Facebook-Style Modal Box Using MooTools

Related posts:

1. Facebook Sliders With Mootools and CSS – Now With Image Generation!
2. Facebook Sliders With Mootools and CSS
3. Digg-Style Dynamic Share Widget Using MooTools
4. Skype-Style Buttons Using MooTools
5. Create Snook-Style Navigation Using MooTools

Digg recently came out with a sweet new feature that allows users to create Tiny Digg URLs which show a Digg banner at the top allowing easy access to vote for the article from the page. While I love visiting Digg every once in a while, I’d rather grab the URL remotely. Here’s how to do so using PHP.

The PHP

/* function that grabs the response from digg */
function get_digg_url($url,$app_key)
{
	$return_xml = file_get_contents('http://services.digg.com/url/short/create?type=xml&appkey='.urlencode($app_key).'&url='.urlencode($url));
	$digg_url = get_match('/short_url="(.*)"/isU',$return_xml);
	return $digg_url;
}

/* function that runs a regex to scrub for the url */
function get_match($regex,$content)
{
	preg_match($regex,$content,$matches);
	return $matches[1];
}

/* important! set a fake user agent */
ini_set('user_agent','Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6');

/* url i want the digg URL for, and my app key which is a URL */
$url = 'http://davidwalsh.name/penetrated-diggnation';
$app = 'http://davidwalsh.name';

/* get the digg URL! */
$digg_url = get_digg_url($url,$app);  //returns:  http://digg.com/u1DOk

Very quick and simple. You could also use PHP’s cURL library if you wanted.

The XML Response

<?xml version="1.0" encoding="UTF-8"?>
<shorturls count="1" offset="0" timestamp="1238884894" total="1">
	<shorturl link="http://davidwalsh.name/penetrated-diggnation" short_url="http://digg.com/u1DOk" view_count="0"/>
</shorturls>

XML is a beautiful thing, isn’t it? You may also request a JSON response.

Like this Digg article? I suppose you could Digg it! Or you can check out the time I was featured on DiggNation!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Create Digg URLs Using PHP

Related posts:

1. Create Bit.ly Short URLs Using PHP: API Version 3
2. Create Short URLs Using U.Nu
3. Create Bit.ly Short URLs Using PHP
4. 6 Reason Why Digg Is Losing Me
5. Digg Homepage!! Woohooo!!

MooTools Devs & Contributors

• Official Twitter Account
• Jan Kassens
• Aaron Newton
• Thomas Aylott
• Christoph Pojer
• Harald Kirschner
• Tom Occhino
• Guillermo Rauch
• Nathan White

Automated Accounts

• Clientcide
• MooTools Core Updates (from Github)
• “MooTools” Twitter Search

Many of the accounts above are tweeted to often so if you follow MooTools you should follow the developers above.

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Following MooTools on Twitter

Related posts:

1. Follow MooTools on GitHub!
2. Twitter: @mootools
3. Forge: MooTools Plugin Repository
4. Follow Script & Style on Twitter!
5. I’ve Finally Caved: Twitter

Everyone loves Twitter. Everyone loves MooTools. That’s why everyone should love TwitterGitter, a MooTools plugin that retrieves a user’s recent tweets and allows the user to format them however the user would like. TwitterGitter allows the user to choose the number of tweets to retrieve and returns an object containing the data provided by Twitter.

Twitter’s Response Object

JsonP.requestors.request_0.handleResults(
	[
		{
			"created_at":"Mon Feb 09 23:38:33 +0000 2009",
			"user": {
				"description":"",
				"url":"http:\/\/davidwalsh.name",
				"name":"davidwalshblog",
				"protected":false,
				"followers_count":639,
				"profile_image_url":"http:\/\/s3.amazonaws.com\/twitter_production\/profile_images\/57860553\/footer-logo_normal.jpg",
				"location":"Madison, WI, US",
				"screen_name":"davidwalshblog",
				"id":15759583
			},
			"in_reply_to_user_id":null,
			"in_reply_to_status_id":null,
			"in_reply_to_screen_name":null,
			"truncated":false,
			"text":"Just got home from work.  Enjoying a Heineken.  Going to write some articles.",
			"id":1193654096,
			"favorited":false,
			"source":"<a href=\"http:\/\/www.netvibes.com\/subscribe.php?module=Twitter\">Netvibes<\/a>"
		},
		{
			"in_reply_to_screen_name":null,
			"user": {
				"description":"",
				"screen_name":"davidwalshblog",
				"followers_count":639,
				"url":"http:\/\/davidwalsh.name",
				"name":"davidwalshblog",
				"protected":false,
				"profile_image_url":"http:\/\/s3.amazonaws.com\/twitter_production\/profile_images\/57860553\/footer-logo_normal.jpg",
				"location":"Madison, WI, US",
				"id":15759583
			},
			"created_at":"Mon Feb 09 21:58:00 +0000 2009",
			"truncated":false,
			"favorited":false,
			"in_reply_to_user_id":null,
			"text":"Yep, it's decided...writing articles tonight.",
			"id":1193352388,
			"in_reply_to_status_id":null,
			"source":"web"
		},
		//....
	]
);

Above is a sample of what is returned by Twitter.

The MooTools Plugin

var TwitterGitter = new Class({
	
	//implements
	Implements: [Options,Events],

	//options
	options: {
		count: 2,
		sinceID: 1,
		link: true,
		onRequest: $empty,
		onComplete: $empty
	},
	
	//initialization
	initialize: function(username,options) {
		//set options
		this.setOptions(options);
		this.info = {};
		this.username = username;
	},
	
	//get it!
	retrieve: function() {
		new JsonP('http://twitter.com/statuses/user_timeline/' + this.username + '.json',{
			data: {
				count: this.options.count,
				since_id: this.options.sinceID
			},
			onRequest: this.fireEvent('request'),
			onComplete: function(data) {
				//linkify?
				if(this.options.link) {
					data.each(function(tweet) { tweet.text = this.linkify(tweet.text); },this);
				}
				//complete!
				this.fireEvent('complete',[data,data[0].user]);
			}.bind(this)
		}).request();
		return this;
	},
	
	//format
	linkify: function(text) {
		//courtesy of Jeremy Parrish (rrish.org)
		return text.replace(/(https?:\/\/\S+)/gi,'<a href="$1">$1</a>').replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>').replace(/(^|\s)#(\w+)/g,'$1#<a href="http://search.twitter.com/search?q=%23$2">$2</a>');
	}
});

Note: you will need to download Aaron Newton’s JSONP plugin here.

Parameters include:

• username: Your Twitter user handle.

Options of the TwitterGitter class include:

• count: (defaults to 2) The number of tweets you would like returned.
• sinceID: (defaults to 1) The baseline for the tweets to be returned.
• link:: (defaults to true) Want the class to linkify URLs, @ replies, and #topics?

Events include:

• onRequest: The function to execute when the TwitterGitter request is made.
• onComplete: The function to execute when the TwitterGitter request is complete. This is where you want to put your tweet formatting.

Sample Usage

window.addEvent('domready',function() {
	$('git').addEvent('click',function(e) {
		e.stop();
		$('tweets-here').set('html','');
		//get information
		var myTwitterGitter = new TwitterGitter($('username').value,{
			count: 5,
			onComplete: function(tweets,user) {
				tweets.each(function(tweet,i) {
					new Element('div',{
						html: '<img src="' + user.profile_image_url.replace("\\",'') + '" align="left" alt="' + user.name + '" /> <strong>' + user.name + '</strong><br />' + tweet.text + '<br /><span>' + tweet.created_at + ' via ' + tweet.source.replace("\\",'') + '</span>',
						'class': 'tweet clear'
					}).inject('tweets-here');
				});
			}
		}).retrieve();
	});
});

Make sure to check out the demo. If you happen to use this, be sure to post a link — I’d love to see what you’ve done. Happy tweeting!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: MooTools TwitterGitter Plugin

Related posts:

1. MooTools TwitterGitter and Cookies
2. Caching AJAX Results in JavaScript
3. Implementing String.Tweetify in MooTools
4. Update Your Twitter Status Remotely Using PHP
5. Linkify Your Twitter Feed

Click here to read Chris Coyier’s article with regard to the site redesign.

The newest code snippet we’ve added to enhance your S&S experience is a submission favelet/bookmarklet. This new favelet allows you to quickly submit the article you’re reading, no matter what the source, to Script & Style. All you need to do is select/highlight the text you’d like to act as the article description and click the favelet. A new window will appear with the submission screen already filled out for you!

The Favelet Code

//favelet modified from:  http://cubicle17.com/post/32941821/bookmarklet-search-netflix
(function()%7Bvar%20d=document,w=window,ds=d.getSelection,ws=w.getSelection,ss=d.selection,e=encodeURIComponent;t=(ws)%3Fws():(ds)%3Fds():(ss)%3Fss.createRange().text:'';t=(t.toString().length)%3Ft:prompt('Please select article description text.','');if(t)%7Ba='http://www.scriptandstyle.com/submit%3Ftitle=' + e(document.title) + '%26url=' + e(window.location) + '%26content=';u=a+e(t);f=function()%7Bx=w.open(u,'nfx','scrollbars=1,toolbar=0,resizable=1,status=1,width=600,height=600');if(!x)w.location.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(f,0);else%20f();%7D%7D)();

Don’t worry about the mess of code. All you need to do is drag the link to your “favorites” toolbar and it will work on any site you visit!

Jump on over to Script & Style to check out the new look and be sure to grab the Script & Style favelet!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Script & Style Revamp with Submission Favelet

Related posts:

1. jQuery Code Documentation Favelet
2. Script & Style Exclusive: Add Custom Values To Your WordPress RSS Feed
3. MooTools Documentation Search Favelet
4. You Script. You Style. Introducing Script & Style.
5. Add the Script & Style Feed to Your Website

I’ve found the most useful bookmarking site to be de.licio.us. De.licio.us provides a very simple API which allows me access information about who has bookmarked my articles quickly. Here’s how to pull the bookmark count for a specified URL.

The JavaScript

<script type="text/javascript">
//the callback -- what do we do with the json response?
function get_delicious_count(info) { 
	//get the number of saves
	var num = info[0].total_posts
	//if none, do nothing
	if(!num) return;
	//if some, I add the number to the end of my link, like at the top of every one of my article posts.
	return $('delic').set({ 
		'text': $('delic').get('text') + ' (' + num + ')',
		'title': num + ' people found this post delicious!'
	});
}
</script>


<script src='http://badges.del.icio.us/feeds/json/url/data?url=http://davidwalsh.name/delicious-url-count-javascript&callback=get_delicious_count'></script>

You need to place your function code before the second JavaScript tag which goes to de.licio.us to get the statistic information. Note that you need to provide the URL to check and a callback function which will handle the data.

When you receive the data, you can do whatever you want to format it. On this site, I get the count and append it to the “de.licio.us” link at the top of the article. How would you use this data?

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Get a URL’s de.licio.us Count Using JavaScript

Related posts:

1. Implementing an Array.count() Method in JavaScript
2. Retrieve, Cache, and Display Your FeedBurner Subscriber Count
3. MooTools TwitterGitter Plugin
4. Get a URL’s Reddit Score Using PHP and JSON
5. Using the GitHub API and PHP to Get Repository Information

I get more reader interaction

I recognize that many of the readers of this blog follow me on Twitter. I love when I get comments on my articles and that has spilled into my Twitter account. Every once in a while I solicit feedback and there’s never a shortage of responses. I value the time people give me when they respond so if any of you read this, thank you for responding to my quips.

I need a place I can vent to fellow web developers

When I see that a customer who required CMS capabilities has completely messed up their website by using 28 colors and sizes of text or another customer has a 12 year old managing their website, I simply MUST share this with fellow developers.

There’s no better place to throw a quick razz at web friends

While developers usually respect each others choices in tools (PHP vs. Rails, MooTools vs. jQuery), I couldn’t, however, live with myself if I didn’t take a quick, harmless shot at jQuery and Firefox team member @reybango. Of course, he never hesitates to throw a shot my way too! Just a little fun to help us get through the day.

Sometimes you just want to make a pithy comment

Whether we know it or not, we’re all smart asses. Really. And every once in a while we need to rail off a relatively meaningless, witty 140 character or less sentence. Twitter is the perfect place to do so.

It’s fun to hear what other programmers think about non-web topics (aka devs have personalities?)

Web is a huge and ever growing topic, but I don’t always want to hear other developers talk about it. What does @chriscoyier think about peanut butter vendors? @emwendelin spent a night with his uncle — how did it go? It’s good to get a taste of what other techies are really like away from the computer.

You get 140 characters or less

I don’t have time to write novels and I don’t want to read yours. The 140 character limit forces me (and you) to be brief and creative with your messages and that’s the best thing in the world when I’m busy but need a little intrigue.

Did I miss something? Share!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: 6 Reasons I’m Glad I Joined Twitter

Related posts:

1. Following MooTools on Twitter
2. Just Joined Who’s Web
3. David Walsh on Twitter
4. NetTuts Exclusive: Twitter Emulation Using MooTools 1.2 and PHP
5. Test Twitter Friendships with PHP

I made the Digg homepage for the first time! Sweet. Nothing like a front page promotion!

Subsequently, DZone’s server crashed quickly. Ooops!

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: Digg Homepage!! Woohooo!!

Related posts:

1. Create Digg URLs Using PHP
2. 6 Reason Why Digg Is Losing Me
3. One Year Anniversary Today!
4. Digg-Style Dynamic Share Widget Using MooTools
5. Digg-Style Dynamic Share Widget Using the Dojo Toolkit

• A reader thinks enough of what you wrote to want to share it with others.
• Your blog gets more readership.
• Your blog revenue increases.
• The inlink and traffic boost improve your search engine rank and Alexa ranks.
• The new visitors may post comments, which may enhance your article.

Surely there are numerous more. Thus, it’s important to keep track of the information about your article provided by DZone. Luckily, using some quick PHP code, you can grab relevant information right from DZone. All you need to know is the DZone URL that features your article.

The Code

/* step 1:  download the page content */
$dzone_content = file_get_contents('http://www.dzone.com/links/f_programming_fast_guide.html');

/* step 2:  parse it! */
$votes_up = get_match('/class="ldStats-up">(.*)<\/li>/isU',$dzone_content);
$votes_down = get_match('/class="ldStats-down">(.*)<\/li>/isU',$dzone_content);
$views = get_match('/class="ldStats-views">(.*)<\/li>/isU',$dzone_content);
$clicks = get_match('/class="ldStats-clicks">(.*)<\/li>/isU', $dzone_content);

/* step 3:  echo */
echo 'Up Votes: ',$votes_up,'<br />';
echo 'Down Votes: ',$votes_down,'<br />';
echo 'Views: ',$views,'<br />';
echo 'Clicks: ',$clicks,'<br />';

/* helper:  does regex */
function get_match($regex,$content)
{
	preg_match($regex,$content,$matches);
	return $matches[1];
}

One note: each usage of this script increments DZone’s “views” stat, so if you plan on keeping accurate statistics, record the number of requests to the page and subtract that from the total.

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: PHP DZone Story Information Grabber

Related posts:

1. Google Grabber — Using PHP to Find Out How Many Pages Your Domain Has Listed in Google
2. PHP IMDB Information Grabber
3. MSN Live Search Result Grabber
4. Yahoo SEO Domain Result Grabber
5. Technorati Grabber: Get Your Technorati Rank and Authority

My appreciation for the DZone website doesn’t, however, prevent me from seeing some big holes in DZone. Usability is a major concern among DZone users and it’s clear there are some issues on the website that need attention. I’ve compiled a list of usability issues on DZone in the hopes that other DZone users will comment and add to this post. This post isn’t a giant bitchfest about DZone — it’s a place where users can suggest solutions to issues they see on the website.

Remember My Place In The Article List

DZone uses an unique system for browsing its list of articles: when your scrollbar hits the bottom of the page, you see an image that tells you that more articles are coming and viola — the power of AJAX places more articles at the end of the page. A system like this has many positives: less bandwidth usage, the “wow” factor, and quicker load time. The problem is that if you refresh the page or click into an article and click back, you lose your “place” in the list. Essentially, if you click on the 51st article in the list and click your back button, you need to scroll down to the bottom of the page and wait for two more “cycles” of articles to load into the page. Keeping your place in the article list has become a task.

My solution is to save the user’s place in the list when you make the AJAX call. Saving the user’s place in the list should be relatively easy — simply use a session variable. When the index page loads (from either a new visit or from someone clicking “back”), simply request the number of articles plus a chosen page increment (25) that’s recorded in the session. If no value is present in the session, use your default of 1 – 25.

Create A Rising Links Page

The “Rising Links” tab on the left is great. I can see which articles are likely the most worth reading by the number of views and votes an article receives. I can quickly give an up or down vote to the article and move on. I can also request the next page worth of rising links with one click. The ease of use of the functionality within the tab is great. The main issue is that a user with a small vertical resolution (like myself with my laptop — 1280×800) can’t see most of the rising links because the advertisement on the left is z-indexed above the articles. Quite frankly, I can’t use DZone on my laptop.

My solution is to create a separate “Rising Links” page. This will prevent the advertisement on the bottom left side of the screen from obstructing my view of the popular articles.

Allow “Save” & “Share” Links To Be Accessed Via Tab On The Homepage

Any frequent visitor to my site knows that I post a summary of great programming articles and announcements in my Weekend Links section. DZone has always been a great place for me to find these articles and the “save” feature has been an especially useful function of the DZone website. Unfortunately, neither “Save” or “Share” are accessible by using the [tab] key on the homepage. Pressing “tab” skips over “Save” and “Share”, from the number of comments to the first “tag.”

Unfortunately I don’t have a solution to prescribe — I’m confused as to why both Firefox and Internet Explorer skip over these two links.

Place More Space Between The Affiliate Tabs And The “Rising Links”/”Popular”/”Tags” Tabs

Whenever I move my mouse toward the “Rising Links” area of the page, I need to be careful not to trip the Sun and Nexaweb tabs. Why? Because I don’t want the tab to drop down and cover up all of the content I was trying to get to. I have no interest in the content of these advertiser / affiliate tabs.

My solutions is to add top margin to the “Rising Links,” “Popular,” and “Tags” tabs. I’ll check out the affiliate links if I’m interested.

Make The “Send” Link Modal

I send articles I’ve found on DZone to my friends often, but why do I have to go to another page to do it? AJAX and JavaScript functions are used all over your website — why not here?

My solution is to make the “Send” link page content go to a modal window without changing pages. A modal window will allow me to still see (although faintly) the article description which will allow me to write a better summary of the article to my friends. A better summary means more clicks into the DZone website.

At the time of writing this article, clicking the “Cancel” button on the “Share This Link” screen (email) triggers a 404 error. Ooops! May want to fix that!

The above detail what I have observed on DZone. Coupled with my proposed solutions, I belive DZone can easily be improved. If you have any other suggestion or solutions, please contribute by way of the comment box below. Remember, complaints don’t improve the site — solutions do.

Follow Me! Twitter | Facebook | LinkedIn | MooTools Forge.

Full David Walsh Blog Post: 5 Usability Suggestions For DZone.com

Related posts:

1. PHP DZone Story Information Grabber
2. The Need To Blog
3. You Script. You Style. Introducing Script & Style.
4. Not Only Updates, But Enhancements! Any Ideas?
5. Fix Anchor URLs Using MooTools 1.2