Web application R&D notes, from the world of Java, Flex, CSS, XHTML, Flash, .NET, cross-browser compatibility, JavaScript, AJAX, ADA compliance, Photoshop, and any and all things related to Web development!
31 December 2009
30 December 2009
29 December 2009
28 December 2009
27 December 2009
26 December 2009
23 December 2009
22 December 2009
21 December 2009
18 December 2009
17 December 2009
16 December 2009
15 December 2009
13 December 2009
12 December 2009
11 December 2009
10 December 2009
09 December 2009
How do I format a USB Flash Drive to NTFS file system?
Ran into this issue for some USB flash drives we needed formatted in NTFS, but the format drop down didn't show that option: http://www.ntfs.com/quest22.htm
08 December 2009
07 December 2009
04 December 2009
03 December 2009
01 December 2009
30 November 2009
jQuery Plugin: It’s CuteTime!
- convert timestamps to ‘cuter’ language-styled forms (e.g. yesterday, 2 hours ago, last year, in the future!),
- customize the time scales and output formatting, and
- dynamically update the displayed CuteTime(s) upon request and/or automatically.
28 November 2009
27 November 2009
26 November 2009
25 November 2009
24 November 2009
23 November 2009
20 November 2009
19 November 2009
Powerful and free automated testing for web apps
The Selenium IDE is a Firefox plugin, providing powerful and intuitive tools to automate web app testing.
15 November 2009
14 November 2009
13 November 2009
The Internet is a brain
This might sound far-fetched, but compare the two images below. The one on the left is a partial map of the Internet; the one on the right is an image of brain neurons. Jeff Stibel has an intriguing article on this subject:
Let's get concrete about what I mean here. The brain is one of the most complex networks in the world, with more neurons than there are stars in the galaxy. Its hardware is a complex network of neurons; its software a complex network of memories. And so too is the Internet a network. Its hardware is a complex network of computers; its software a complex network of websites. There is a lot we can learn from the brain and it can tell us where the Internet is headed next.
11 November 2009
09 November 2009
Google's Colsure Tools
"The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient." More here: http://code.google.com/closure/. Tools include:
- A JavaScript optimizer
- A comprehensive JavaScript library
- An easy templating system for both Java & JavaScript
07 November 2009
06 November 2009
Yahoo help forums
If you're a Yahoo User Interface (YUI) Library developer or a user of any Yahoo product, you can find help on the forums listed here: http://developer.yahoo.net/forum/index.php?showtopic=1716
Top 10 Websites to Get Internet Usage Statistics
Needed to find some Internet stats and came across these: http://www.dailyblogtips.com/internet-usage-statistics/ and http://techcrunchies.com/growth-rate-of-internet/
05 November 2009
Print directory information
Ever needed to print information about a folder on your machine, such as filenames and paths? Karen's Directory Printer to the rescue. Lots of options on what to print and how. Cool and free tool.
03 November 2009
Why You Need to be Using Gravatars
Have you every noticed how, on most blogs, some of the comments are accompanied by images – usually of the commenter or their logo – while others, even on the same blog, may simply be accompanied by a default or otherwise generated image? Have you ever wondered how people get these images?More details at: http://blog.echoenduring.com/2009/11/03/why-you-need-to-be-using-gravatars/
Most of the time, it’s simply their Gravatar.
Yahoo's Graded Browser Support
Yahoo has a great way of classifying browsers:
An appropriate support strategy allows every user to consume as much visual and interactive richness as their environment can support. This approach—commonly referred to as progressive enhancement — builds a rich experience on top of an accessible core, without compromising that core.More details here: http://developer.yahoo.com/yui/articles/gbs/
Hybrid onboarding: Cut back on all those passwords
Google has an article about reducing the number of passwords your users have to remember: http://googleblog.blogspot.com/2009/11/cutting-back-on-your-long-list-of.html
02 November 2009
23 October 2009
Color Scheme Designer
A very nice color scheme designer, based on the following schemes: mono, complement, triad, tetrad, analogic, accented analogic: http://colorschemedesigner.com/. Extra: an online RGB & Hex converter tool: http://www.kenjikojima.com/java/RGBHexConverter2.html
20 October 2009
19 October 2009
18 October 2009
14 October 2009
13 October 2009
A 'more revolutionary' Web
The New York Times has an intriguing article on Web 3.0: http://www.nytimes.com/2006/05/23/technology/23iht-web.html. Free account required to read article.
12 October 2009
06 October 2009
How do you prevent caching of pages in Firefox?
This is something that seems impossible in Firefox: Prevent HTML pages from being cached. The following HTTP headers work fine for IE, but not Firefox (at least not version 3.5.3):
<meta http-equiv="Cache-Control" content="no-store, must-revalidate, no-cache, private, max-stale=0, post-check=0, pre-check=0"/>Anyone found a reliable way to prevent caching of HTML pages in Firefox?
<meta http-equiv="Max-Age" content="0"/>
<meta http-equiv="Keep-Alive" content="timeout=3, max=993"/>
<meta http-equiv="PRAGMA" content="NO-CACHE"/>
<meta http-equiv="Expires" content="Sun, 20 Oct 1844 05:00:00 GMT"/>
05 October 2009
30 September 2009
29 September 2009
28 September 2009
24 September 2009
22 September 2009
21 September 2009
15 September 2009
Google's Fast Flip
Google's introducing Fast Flip:
Fast Flip is a new reading experience that combines the best elements of print and online articles. Like a print magazine, Fast Flip lets you browse sequentially through bundles of recent news, headlines and popular topics, as well as feeds from individual top publishers. As the name suggests, flipping through content is very fast, so you can quickly look through a lot of pages until you find something interesting.
14 September 2009
TeemingPod provides interaction + collaboration tools
TeemingPod provides some interesting and promising tools to enable collaboration and interaction with web pages. It includes a free version which maxes out at 5 end users.
Some handy Photoshop utilities
John Nack provides another of his great articles on all things Adobe, including a way to make Photoshop setting portable.
Copy Firefox settings to another machine
Recently, I moved to a new machine and needed to copy all my Firefox bookmarks, cookies, and passwords from the old box. A neat little utility does the job: MozBackup by Pavel Cvrcek. It exports the information to a file which can then be used on the new PC to import the settings. It even remembered all the sites I'd visited. The move to the new system was made much less painful thanks to this free utility.
10 September 2009
Show/hide controls dynamically in JSF
We often need to show a set of controls dynamically based on what a user selects in a component in JSF. This example shows how to accomplish this in JSF and Seam, using the JBoss' EL extensions, which make life easier in your XHTML tags.
In this case, we're using an h:selectOneRadio control. We want to show and hide the rich:Panel controls; we wrap them in an a4j:outputPanel and then just re-render that when the user clicks a radio element. Note that for radio buttons, we have to use the onclick event; onchange is for h:selectOneMenu and other select controls.
In this case, we're using an h:selectOneRadio control. We want to show and hide the rich:Panel controls; we wrap them in an a4j:outputPanel and then just re-render that when the user clicks a radio element. Note that for radio buttons, we have to use the onclick event; onchange is for h:selectOneMenu and other select controls.
<h:selectoneradio value="#{webencode.requestType}" id="rdoRequestType" styleclass="radio" layout="pageDirection">We can't call the equalsIgnoreCase() method on a string from within an EL expression, so we use a Seam method call that returns true/false based on string equality:
<f:selectitem itemvalue="program" itemlabel="Series or Program">
<f:selectitem itemvalue="special" itemlabel="Special">
<a4j:support ajaxsingle="true" event="onclick" rerender="program">
</a4j:support>
<a4j:outputpanel id="program">
<rich:panel rendered="#{webencode.checkRequestType('program')}">
program stuff goes here
</rich:panel>
<rich:panel rendered="#{webencode.checkRequestType('special')}">
special stuff goes here
</rich:panel>
</a4j:outputpanel>
public Boolean checkRequestType(String requestType){With the a4j:support tag, we use AJAX to re-render the a4j:outputPanel when the user clicks the radio buttons. Then the custom checkRequestType() bean method is called and returns a Boolean based on the value of the radio button group.
return (this.requestType.equalsIgnoreCase(requestType)) ? true : false;
}
08 September 2009
07 September 2009
02 September 2009
Convert entity to selectItem in Seam
When using entity classes and Hibernate to display data in JBoss Seam, you can easily convert the entity to a selectItem element for use in a dropdown box, radio button group, or checkbox items. Here's an example:
Note the null element to allow users to leave the selection blank. You can also achieve this by using the noSelectionLabel attribute. Also of note is the itemValue attribute on the Seam selectItems tag: This enables a custom value instead of the automatic numeric ID generated by Seam. In this case, the entity's description is used for the value.
Here's what this code generates in HTML:
<h:selectOneMenu >
<f:selectItem itemLabel="" itemValue="#{null}"/>
<s:selectItems var="tape" itemValue="#{tape.description}"
value="#{tapeformatList.resultList}" label="#{tape.description}" />
<s:convertEntity/>
</h:selectOneMenu>
Note the null element to allow users to leave the selection blank. You can also achieve this by using the noSelectionLabel attribute. Also of note is the itemValue attribute on the Seam selectItems tag: This enables a custom value instead of the automatic numeric ID generated by Seam. In this case, the entity's description is used for the value.
Here's what this code generates in HTML:
<select name="tapeformatSearch:j_id14" size="1">
<option></option>
<option value="VHS">VHS</option>
<option value="DVD">DVD</option>
<option value="Beta-SP">Beta-SP</option>
<option value="Digi-Beta">Digi-Beta</option>
<option value="HD-Cam">HD-Cam</option>
<option value="DV-Cam">DV-Cam</option>
<option value="Mini-DV">Mini-DV</option>
<option value="DVC-PRO HD">DVC-PRO HD</option>
</select>
01 September 2009
Fix IE 6 and 7
If you work to make your pages cross-browser compatible, then you need to know about Dean Edwards fantastic script to get earlier versions of IE to behave like IE7 or IE8. Now you can have transparent PNG in IE 6, add minimum width/height, etc. Very neat stuff, and it works! Get the script and details on Dean's site.
28 August 2009
27 August 2009
26 August 2009
25 August 2009
24 August 2009
Subscribe to:
Posts (Atom)