Browse by Tags

All Tags » javascript (RSS)

7 tips for for loading Javascript rich Web 2.0-like sites significantly faster

Introduction When you create rich Ajax application, you use external JavaScript frameworks and you have your own homemade code that drives your application. The problem with well known JavaScript framework is, they offer rich set of features which are...

Web 2.0 AJAX Portal using jQuery, ASP.NET 3.5, Silverlight, Linq to SQL, WF and Unity

Dropthings – my open source Web 2.0 Ajax Portal has gone through a technology overhauling. Previously it was built using ASP.NET AJAX, a little bit of Workflow Foundation and Linq to SQL. Now Dropthings boasts full jQuery front-end combined with ASP.NET...

ensure - Ensure relevant Javascript and HTML are loaded before using them

ensure allows you to load Javascript, HTML and CSS on-demand, whenever they are needed. It saves you from writing a gigantic Javascript framework up front so that you can ensure all functions are available whenever they are needed. It also saves you from...
Posted by omar | 1 comment(s)

UFrame: goodness of UpdatePanel and IFRAME combined

UFrame combines the goodness of UpdatePanel and IFRAME in a cross browser and cross platform solution. It allows a DIV to behave like an IFRAME loading content from any page either static or dynamic. It can load pages having both inline and external Javascript...
Posted by omar | 43 comment(s)
Filed under: , ,

Fast ASP.NET web page loading by downloading multiple javascripts in batch

A web page can load a lot faster and feel faster if the javascripts on the page can be loaded after the visible content has been loaded and multiple javascripts can be batched into one download. Browsers download one external script at a time and sometimes...
Posted by omar | 23 comment(s)

Fast page loading by moving ASP.NET AJAX scripts after visible content

ASP.NET ScriptManager control has a property LoadScriptsBeforeUI , when set to false , should load all AJAX framework scripts after the content of the page. But it does not effectively push down all scripts after the content. Some framework scripts, extender...
Posted by omar | 21 comment(s)

On-demand UI loading on AJAX websites

AJAX websites are all about loading as many features as possible into the browser without having any postback. If you look at the Start Pages like Pageflakes , it's only one single page that gives you all the features of the whole application with...
Posted by omar | 8 comment(s)
Filed under: , , ,

10 cool web development related articles in 2007

Here's a list of 10 cool ASP.NET, AJAX and web development related articles and blog posts that I have written this year that you might want to take a look: 13 disasters for production website and their solutions Talks about 13 production disasters...
Posted by omar | 8 comment(s)

Loading JSON via <SCRIPT> tag: Problem with HTML in JSON

Just a precaution note to those who are trying to load JSON using <SCRIPT> tag. Don’t do it. Use XMLHTTP. In Pageflakes we tried many ways if we can eliminate XMLHTTP by using <SCRIPT> tags. But we failed to make it work for many scenario...
Posted by omar | with no comments
Filed under:

How to fade background and show a dialog box

There's a nice trick we do at Pageflakes whenever we show a dialog box. We make the background faded so that user's attention is dragged to the dialog box and user does not get confused what to do. Here's how it looks: Here's how it works...
Posted by omar | 11 comment(s)
Filed under:

MethodQueue : Replace window.setTimeout and reuse timers

We were having problem with inappropriate use of window.setTimeout in the flakes at Pageflakes. Too many times were getting registered and some of the flakes were generating continuous hit to our server from those timed method calls. In order to resolve...
Posted by omar | 2 comment(s)
Filed under:

Browser detection using Javascript

Here's a short class which helps detecting major browser types: var Browser = new Object(); var ua = navigator.userAgent.toLowerCase(); Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation...
Posted by omar | with no comments
Filed under:

How to load scripts by browser dynamically

Here's a nice handy function for loading external scripts dynamically using BLOCKED SCRIPT function $addScript( id, src ) { var o = $$("script"); o.id = id; o.type = "text/javascript"; o.setAttribute("src", src); document...
Posted by omar | with no comments
Filed under: