http://www.nophadon.com Personal website of Kai Sounthala, web and mobile software architect, rambling about any RIA, web, mobile, user interface or user experience related. Thu, 20 Aug 2009 15:14:14 +0000 http://backend.userland.com/rss092 en What are the disadvantages of unobtrusive Javascript? There are so many articles written about why you should use unobtrusive javascript but when I was asked why one shouldn't or better, what are the disadvantages of using unobtrusive javascript I really was stumped. So the one answer? Just imagine if you were given ... http://www.nophadon.com/notebook/javascript-good-to-knows/ I recently stumbled upon a great solution to a problem that I've seen for years, smooth image resizing in a web-browser or fluid images. The article was written by Ethan Marcotte (Unstoppablerobotninja.com). Most modern browsers handle resizing of images very well, including FF3, Chrome, Safari and IE8. Not surprising the ... http://www.nophadon.com/notebook/smooth-image-resizing/ There was a project I was working on where I needed to find a way to drag-and-drop rows of a table, basically resort the table rows. Now there were plenty of scripts for doing this within lists, but not so many for actual tables. The final solution I used was ... http://www.nophadon.com/notebook/drag-and-drop-table-rows-with-jquery/ *Update* - 8/28/2008 : The registration is now closed, but fortunately I made it into the pool of 150 people already attending the event! jQuery Camp 2008 here I come... Learning jQuery Author: Karl Swedberg The jQuery Team is pleased to announce the second annual jQuery Camp! jQuery Camp 2008 will be held ... http://www.nophadon.com/events/jquery-camp-2008/ This tutorial shows you how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement. http://nettuts.com/javascript-ajax/jquery-style-switcher/ by James Padolsey If the user has Javascript enabled, a very slick fade-in and fade-out affect ... http://www.nophadon.com/notebook/create-style-switcher-with-jquery-and-php/ After months of exhaustive days, nights and weekends spent re-designing and re-developing the updated MBTA.com website, the work put in by myself and the rest of the team at RDVO has seen the ultimate fruition. The site was named the 2007 Webby Award Winner for best Government website and the ... http://www.nophadon.com/notebook/mbtacom-a-webby-award-winner/ If you're looking for clean MSDN-like documentation tool for .NET, NDOC is way to go. Unfortunately development for the tool stopped in Feb 2005. There are a few commercial products as well, but I really was not impressed after playing with a few trials. The latest release of NDOC version ... http://www.nophadon.com/notebook/ndoc-for-net-20/ Below is a useful script I used for detecting mobile browsers. // Detects if browser is mobile or not $mobile_browser = '0'; if(preg_match('/(up.browser|up.link|windows ce|iemobile|mmp|symbian|smartphone|midp|wap|phone|vodafone|o2|pocket|mobile|pda|psp)/i',strtolower($_SERVER['HTTP_USER_AGENT']))){ $mobile_browser++; } if(((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'text/vnd.wap.wml')>0) or (strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0)) or ((((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or isset($_SERVER['X-OperaMini-Features']) or isset($_SERVER['UA-pixels'])))))){ $mobile_browser++; } $mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4)); $mobile_agents = array('acs-','alav','alca','amoi','audi','aste','avan','benq','bird','blac','blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno','ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-','maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-','newt','noki','opwv','palm','pana','pant','pdxg','phil','play','pluc','port','prox','qtek','qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar','sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-','tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp','wapr','webc','winw','winw','xda','xda-'); if(in_array($mobile_ua,$mobile_agents)){ $mobile_browser++; } if($mobile_browser>0){ //mobile site }else{ //not mobile site header( 'Location: http://www.web_address.com/' ... http://www.nophadon.com/notebook/php-detect-mobile-browser-script/ DOMTool v1.1 | Muffin Research Labs Here's a great tool that will generate the necessary DOM scripts to create whatever HTML you want http://muffinresearch.co.uk/code/javascript/DOMTool/ http://www.nophadon.com/notebook/useful-javascriptdom-tools/ ASP.NET provides a nice way to avoid it's full web control lifecycle. Why would you want to do this? Well, I found it most useful for doing AJAX work. For example, I have a javascript function I need to have ansynchronously call ASP.NET and return some data to update a ... http://www.nophadon.com/notebook/net-custom-http-handlers/