Search: nczonline.net
*Programming What is a non-blocking script?
Submitted by matt 30 days ago (more from nczonline.net)There are basically two ways to achieve non-blocking (aka asynchronous) JavaScript downloading: create a script node dynamically and use the HTML5 async attribute of a tag. Combining this with the capability of parallel script downloads in newer browsers means that your page can take less time to render fully to the user. Try to avoid blocking JavaScript downloads whenever possible.
*Miscellaneous Data URIs make CSS sprites obsolete
Submitted by matt 65 days ago (more from nczonline.net)The problem is that HTTP requests are a major performance bottleneck for web pages. The more requests you have, the longer it takes your page to load and the slower it is. In short, data URIs allow you to embed images (and other files) directly into HTML and CSS. Since all of the data is represented locally, there is no extra HTTP request required to access the information.
*Programming Cross-domain Ajax with Cross-Origin Resource Sharing
Submitted by matt 106 days ago (more from nczonline.net)There is a lot of solid support for cross-domain Ajax in modern web browsers, yet most developers are still unaware of this powerful capability. Usage requires just a little bit of extra JavaScript work and a little extra server-side work to ensure that the correct headers are being sent. IE8’s implementation lags a bit behind the others.
*Miscellaneous iPad web development tips
Submitted by matt 156 days ago (more from nczonline.net)There’s a lot of information about how your site can be made to best work with the iPad, and I’d like to add a few nuggets to that body of knowledge.
*Programming How Internet Explorer 8 document mode affects JavaScript
Submitted by matt 219 days ago (more from nczonline.net)Most people are pretty familiar with how the various document modes affect layout in terms of how CSS is implemented, but what has been lost is how the document mode affects the core JavaScript engine in the browser. These changes are somewhat subtle, but important to understand when you’re working with Internet Explorer 8.
*Miscellaneous Internet Explorer 8 document and browser modes
Submitted by matt 233 days ago (more from nczonline.net)Internet Explorer 8 has some powerful, and confusing, features as it relates to its rendering and execution engine. Document modes are used to determine which features are available to the page, and that includes which CSS features and which JavaScript features are enabled and available. Browser modes change how the document mode is determined when X-UA-Compatible is not specified.
*HTML/CSS Empty image src can destroy your site
Submitted by matt 274 days ago (more from nczonline.net)The issue? An HTML image, either via img tag or JavaScript Image object, that has its src set to "" (an empty string). There are two basic problems that this browser behavior causes. The first is a traffic spike. The second problem is user state corruption. If you’re tracking state in the request, either by cookies or in another way, you have the possibility of destroying data.
*Programming Data URIs explained
Submitted by matt 317 days ago (more from nczonline.net)One of the most frequently requested browser features in recent memory is data URI support. Surprisingly, there’s still a lot of misunderstanding and confusion about data URIs, what they are, how they work, and why you’d ever want to use one.
*Programming The best way to load external JavaScript
Submitted by matt 1 year and 43 days ago (more from nczonline.net)Though there’s been a lot of research on ways to load JavaScript without blocking, there really is just one way that I’d recommend as a best practice. There should really be no need to load anything more than two scripts to get your site initialize and interactive. Make the initial JavaScript file as small as possible and then load in the larger one dynamically to avoid blocking.
*Programming Event delegation in JavaScript
Submitted by matt 1 year and 71 days ago (more from nczonline.net)Event delegation is, quite simply, using a single event handler to manage a particular type of event for the entire page. This isn’t a new idea, but it is an important one to grasp for performance.