|
JavaScript News: stay one step ahead with the very best and latest in JavaScript
from around the world
[ Stay informed: click here to bookmark this page ]
Design stunning web pages and applications
quickly and effortlessly
with JavaScript Editor
|
Edd Dumbill's Weblog: Behind the Times
Thoughts and comment from Edd Dumbill, technology writer and free software hacker.
by Edd Dumbill
10 days ago
My next two jaunts; Dublin for XTech and San Francisco for Where 2.0
by Edd Dumbill
41 days ago
Stephanie Booth's Going Solo conference, coming up in May this year in Lausanne, is aimed at freelancers and self-employed people in the internet industry.
by Edd Dumbill
48 days ago
I can't believe I didn't do this before
by Edd Dumbill
53 days ago
The full schedule is now available for XTech 2008, and registration has opened
by Edd Dumbill
106 days ago
The XTech deadline has been extended until the end of Monday, January 28.
by Edd Dumbill
111 days ago
You've only got until the end of this week to submit your proposal for XTech 2008.
by Edd Dumbill
121 days ago
Using RSpec's Story runner to describe integration testing for Rails applications.
by Edd Dumbill
126 days ago
My first post on the O'Reilly Radar blog
by Edd Dumbill
159 days ago
This year, XTech's all about the web on the move. Submit your proposals now!
by Edd Dumbill
161 days ago
A brief wander around two-factor authentication with smartcard tokens
The JavaScript Weblog
The JavaScript Weblog
by Brad Hill
637 days ago
This postscript is to thank the wonderful Amber Rhea and Russell Heimlich for their work here. The good news is that they are both remaining in the Weblogs, Inc. family. You can find Russ at DV Guru, and Amber at Download Squad. This blog will remain archived for reference and searching. Thanks to everyone who visited here!Permalink | Email this />
by Amber Rhea
640 days ago
Well, folks, today officially marks the final day of The Javascript Weblog. I've had a lot of fun blogging here for the past 7 months, and hopefully my posts have been helpful and informative to you as well.
If you are so heartbroken at the thought of this blog going dark because you just can't get enough of Amber Rhea, worry not! You can find me at the Georgia Podcast Network, where I pontificate about a variety of topics; and my personal blog, Being Amber Rhea. And you might just catch me somewhere else 'round the Weblogs, Inc. network, as well.
I'll leave you with links to some of my favorite Javascript/webdev information sites:
Vitamin
A List Apart
Ajaxian
Thanks, y'all.Permalink | Email this />
by Amber Rhea
641 days ago
Here's another cool and useful thing you can do with Ajax: serve rotating ads. Instead of settling for a static ad on a page a user might not refresh for minutes or even hours, you can set the ads to rotate at a predetermined interval. The concept and implementation are so simple, it's a wonder this hasn't taken off more. Just put the ad inside an iframe and refresh its contents on every XHR call. (Caveat: if you're using a Strict doctype, your page won't validate, since iframes aren't valid in Strict. Perhaps there's a way to achieve the same thing using the object element?)R this />
by Russell Heimlich
643 days ago
Thickbox 2.0 is the ultimate lightbox spin off. Besides supporting multiple images, with Thickbox 2.0 you can display inline content, iframed content, or content served through AJAX with a hybrid modal. Check out the examples and learn how to add it to your site. Very slick! I wish this was out 4 months ago.Read&n this />
by Amber Rhea
643 days ago
James at Brothercake brings us Docking Boxes (dbx) - drag-and-drop, snap-to-grid boxes with show/hide functionality. (All the functionality is fully accessible via keyboard, as well.) When I first saw this, I thought, "Cool!" - but I couldn't think of any practical uses for it.
However, the more I thought about it, I realized Docking Boxes could actually serve a practical purpose all across the Internet. There are tons of sites that offer customizable profile pages, including the option to show or hide various pieces of content (Yahoo and Frappr are two that immediately come to mind). Currently, customizing your Yahoo profile is kind of a pain; it takes forever and the interface is clunky. But what if you could simply drag and drop content boxes to wherever you want them on the page? Hell, if Docking Boxes really took off, even MySpace might start to suck a little less!Read& this />
by Russell Heimlich
645 days ago
When you think of Javascript, you generally think of the web. But Javascript is used in many different places other than cyberspace. So if you are curious about trying out Javascript in a new environment, check out these guides.
Apple / Yahoo widgets both utilize (X)HTML and Javascript for creating simple mini-applications that users can access on their desktop. Both fun and functional.
Developing Apple Widgets
Yahoo Widget Workshop
Sony's popular video editing program, Vegas, has had scripting support since version 4.0. Using a Javascript syntax, developers can add their own functionality to the program to do several repetitive tasks with the click of a button, for example.
Sony's Scripting SDK
Excellent user FAQ
Adobe has a host of applications that incorporate scripting support.
After Effects 6.5 Scripting Guide (PDF)
InDesign
Photoshop
Acrobat
Illustrator
Flash
Know of any other applications that use Javascript and have good guides for getting started? Post them in the comments.Permalink | Email this />
by Amber Rhea
647 days ago
MyStickies is a burgeoning service-cum-Firefox extension that allows you to place virtual sticky notes all over the web via - you guessed it - Ajax. Its creators describe it as "bookmarks on steroids." For it to work, you have to sign up for a MyStickies account and install a Firefox extension. That's how the magic happens.
And MyStickies isn't alone in its incorporation of extensions. The phenomenon has led Dietrich Kappe to propose the term Bejax - "Browser Extensions and Ajax." He wonders whether combining the power of Ajax with the ease-of-use of browser extensions could be the future of web apps.
What do you think?Read this />
by Russell Heimlich
649 days ago
Sean Patrick Kane tested the Javascript performance of the three popular browsers on the Windows side to see how they stack up against one another. You can run his test for yourself with the click of a button. The results are interesting. The slowest was Firefox, most likely due to the many extensions Sean claims his love for. The winner of this informal test was almost 3 times faster than the rest of the pack. You'll have to read the article yourself to find out who it is...
P.S. Post your scores in the comments section. My results looked like this after one run ...
Firefox - 4922 ms
IE - 3642 ms
Firefox (Safe Mode) - 3438 ms
Opera - 1188 msRead&nbs this />
by Amber Rhea
650 days ago
Storm has created a wonderfully simple Ajax chat module which can function either as a live chat interface or a "graffiti board." There is a demo available for your chatting pleasure.
In the blog post that accompanies the module, Storm poses the question of whether Ajax applications can truly be "push" applications. It seems to me that Google's GTalk is an embodiment of an answer in the affirmative. However, since I'm not familiar with all the intricacies of GTalk, I'll invite readers to discuss the issue in the comments section. (Sadly, I can't embed the Ajax chat module right here in the blog post.)Read this />
by Russell Heimlich
650 days ago
Will Jessup created an interesting rotate script using jQuery. To put the script to good use, he made a solar system model. The script is very responsive to the movement of your mouse and you can look at the planets orbiting the sun from any angle. Here is a link directly to the source code and to see the model in action, click the read link below.Read this />
by Amber Rhea
651 days ago
Michael Mahemoff at Ajaxian addresses the issue of native XMLHttpRequest support in IE 7. The IE 7 team has repeatedly stated, with relative fanfare, that the new browser will include native XMLHttpRequest. But, as Michael points out, the question remains: just how native is this native XMLHttpRequest?
Two points worth mentioning are 1) xhr.prototype fails and 2) IE has an option to disable native XHR. So, when native XMLHttpRequest support in IE is being touted, remember to take it with the appropriate serving of saltRead&n this />
by Russell Heimlich
655 days ago
Amy Hoy from Slash7.com gave a 3 hour tutorial on Javascript at O'Reilly OSCON 2006. Because she is such a nice person, Amy has released her 3-meg PDF and source code used in her presentation. These are excellent resources to keep handy when you need to look up a method or object. This is no skimpy wimpy PDF; it's 108 pages! Give it a quick read through because it is rather entertaining (well to me anyways). Read this />
by Russell Heimlich
657 days ago
Using Javascript to utilize the scroll wheel a la Google maps is the new "cool guy" thing. I found a site that walks you through the necessary code so you can add it to your next project. What you can use it for besides scrolling in and out is beyond me. Remember, not everyone has a scroll wheel mouse, so use with caution. If you have any great uses for something like this leave a comment. I'm curious as to what other people are imagining. this />
by Russell Heimlich
664 days ago
Google has been into office products lately with Google Spreadsheet recently launched and Writely soon to be too. But Google forgot the coolest office app of all -- MS Paint. Now, thanks to a clever Javascripter, a parody is released for our consumption. Mind you this is not an official Google product, but it sure should be. The classic MS Paint interface and functionality have been captured beautifully. Most tools don't work and pop up a confirm box stating "unimplemented. But the tools that do work are a perfect emulation. If only the spray paint can was working... this />
by Russell Heimlich
664 days ago
Link Thumbnail is a nifty script that will display a thumbnail of a link they're hovering over. The code is freely available for anyone to use thanks to a creative commons license and an example page can be found here.
Supported browsers include IE 6.0+, Firefox 1.5+, Safari 2.0, and Opera 8.51. Enjoy!Read this />
JavaScript - ILoveJackDaniels.com
Web development tutorials in PHP, ASP, CFML and more.
by dave@ilovejackdaniels.com
1019 days ago
This may be useful to someone - a question on the BNM list led to this small piece of JavaScript.
The original problem was that when posting to a PHP script, in order to have the result as an array (when using a set of checkboxes for example), the quickest way to do this is to add "[]" to the item name (eg 'name="area[]"). Then, PHP can access $_POST['area'] as an array in the receiving script.
Unfortunately, the addition of square brackets causes trouble with JavaScript, especially with a "Select All" function. This script works around that using regular expressions, and might prove useful to someone experiencing the same problem later.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww Fun</title>
<script type="text/javascript"><!--
var formblock;
var forminputs;
function prepare() {
formblock= document.getElementById('form_id');
forminputs = formblock.
function select_all(name, value) {
for (i = 0; i < forminputs.length; i++) {
// regex here to check name attribute
var regex = new RegExp(name, "i");
if (regex.tes {
if (value == '1') {
forminputs[i].checked = true;
} else {
forminputs[i].checked = false;
}
}
}
}
if (window.addEventListener) {
window.addEventListener("load", prepare, false);
} else if (window.attachEvent) {
window.attachEvent("onload", prepare)
} else if (document.getElementById) {
window.onload = prepare;
}
//--&g
<body>
<form id="form_id" name="myform" method="get" action="search.php">
<a href="#" >Check All Fruit</a> | <a href="#" onClick="select_all('area', '0');">Uncheck All
Fruit&
<input type="checkbox" name="area[]" value="1" />Apples<br />
<input type="checkbox" name="area[]" value="2" />Bananas<br />
<input type="checkbox" name="area[]" value="3" />Chickens<br />
<input type="checkbox" name="area[]" value="4" />Stoats
<br><br><a href="#" >Check All Locations</a> | <a href="#" onClick="select_all('location',
'0');">Uncheck All Locations&
<input type="checkbox" name="location[]" value="1" />Brighton<br />
<input type="checkbox" name="location[]" value="2" />Hove<br />
</form>
</b />
by dave@ilovejackdaniels.com
1561 days ago
JavaScript is loved and hated in equal proportion by web designers and developers. It is powerful, but often misused. Does it still have a place on the web?
by dave@ilovejackdaniels.com
1653 days ago
Using relative font sizes is a must for an accessible website, but you run the risk of having incredibly small text. This JavaScript workaround will ensure that the majority of your visitors do not need a microscope to read your content.
...
|
Find out how to make incredible, interactive and stunning web pages with JavaScript Editor 