Archive

Archive for the ‘Web Development’ Category

Webdev Weekly #2 – jQuery 1.4 Edition

January 20th, 2010
No comments

There was at least one major event last week related to web development, when the latest version of jQuery was released. This article covers the highlights and most important resources about jQuery 1.4, but in addition includes many other quality resources for web developers.

jQuery 1.4

jQuery 1.4 Released

A general release announcement of jQuery 1.4, provided by the official jQuery 1.4 author, The 14 Days of jQuery.

jQuery 1.4 Fully Released

My quick post about jQuery 1.4 almost right after it was released.

jQuery 1.4 Released: The 15 New Features you Must Know

Good insight in new features of jQuery 1.4, provided by NetTuts+.

jQuery 1.4 Resources For Developers

Collection of resources about jQuery 1.4, provided by W3 Avenue.

jQuery 1.4 Released: Sneak Peek on New Features and Enhancements

And another, useful article about jQuery 1.4, provided by tripwire magazine.

General Web Development

45 Powerful CSS/JavaScript-Techniques

A very useful collection of various CSS and Javascript resources, provided by Smashing Magazine.

33 Beautiful Social Media Icon Sets For Designers And Bloggers

A good collection of icons. Far better than usual, in my opinion.

HTML and CSS

CSS Transitions 101

Nice and comprehensive article about CSS3 Transitions.

Javascript and Scripting Frameworks

jQuery Lint

jQuery Lint is a script written by James Padolsey, which evaluates jQuery code and reports any errors or incorrect usage.

IE CSS3 pseudo selectors

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. This project is still in progress, but it looks very promising.

Gordon: Flash Runtime Implemented in Javascript

Tobias Schneider has built a Flash runtime that works right in the browser. It’s implemented in pure Javascript and HTML5. Very nice work, indeed!

Author: Categories: Web Development Tags:

jQuery 1.4 fully released

January 14th, 2010
No comments

Full version of jQuery 1.4 (minified) was released some time ago. Also, the final version of jQuery 1.4 API is now published.

Go ahead and give it a try. And remember to keep yourself updated by the action and buzz around jQuery 1.4 by following The 14 Days of jQuery event.

Author: Categories: Web Development Tags: ,

Webdev Weekly #1

January 12th, 2010
No comments

Past week seemed a bit silent, but here are the top resources I located:

General Web Development

Website Performance: What To Know and What You Can Do

Detailed information, tips and tools for website performance optimization.

HTML and CSS

CSS background transparency without affecting child elements, through RGBa and filters

An excellent article from Robert Nyman about using RGBa values for gaining transparency.

CSS3 + Progressive Enhancement = Smart Design

Another good introduction for harnessing the power of CSS3 without causing any troubles with older user agents.

Javascript and Scripting Frameworks

The 14 Days of jQuery

This actually launches near 14th of January, but was already published last week. An excellent “event” to follow after jQuery 1.4 gets released.

Understanding delete

A very nice article, where Javascript’s delete method explained thoroughly. Obviously I haven’t been only one banging my head against wall with delete()… :D

User Experience and Usability

52 Weeks of UX

A very nice and continuous resource for User Experience lovers. It haven’t started yet with full power, but at least my personal expectations are high.

Author: Categories: Web Development Tags:

Webdev Weekly #52

January 4th, 2010
No comments

It’s time to bring back Webdev Weekly and gather some of the best resources from past week. Enjoy!

HTML, CSS and Javascript

Using HTML Symbol Entities

Very handy article about using symbol entities in web design. Excellent ideas provided.

A Form of Madness – Dive Into HTML5

HTML5 defines over a dozen new input types that you can use in your forms. This is a great tutorial about applying these input types.

Browsers

Onload Issues with Opera

I wrote a brief article about loading and caching issues which occurs in Opera.

IE Accelerator Creation Guide

An article explaining how to create Accelerators step-by-step.

CMS’s and server-side frameworks

13 Useful Code Snippets for WordPress Development

An article with 13 code snippets or hacks that will help you extend the capabilities of your WordPress site.

User Experience and Usability

Five Simple but Essential Web Usability Tips

This article discusses five important usability tips that your site can’t live without.

Author: Categories: Web Development Tags:

Onload Issues with Opera

December 31st, 2009
1 comment

Opera
Today, I read about a problem with Opera’s onload event not firing when navigating with back / forward buttons. The reason for this is that Opera receives documents directly from cache. Another, similar kind issue is related to firing onload event, when adding images dynamically.

In this article, we will solve Opera’s onload issue caused by caching, and another problem, which occurs when adding images dynamically with javascript.

Currently, this is tested to work with Windows versions of Opera 10.1, 10.2 and 10.5 pre-alpha. Please, give me feedback if you find issues with other versions of Opera.

How to force refreshing

This isn’t complicated at all:

if (window.opera)
{
	opera.setOverrideHistoryNavigationMode('compatible');
	history.navigationMode = 'compatible';
}

How to solve image.onload

After banging my head against wall, I found an easy solution:

var test = new Image();
if (test.addEventListener)
{
	test.addEventListener('load',function()
	{
		alert(this.width);
	}, false);
}

test.setAttribute('src','/images/test.gif');

The key is to define src attribute after you’ve bound event listeners.

Demo

You can view demo at Demo section: Onload issues with Opera

Author: Categories: Web Development Tags: , ,