Sean Walther's Blog

jQuery Mobile 1.0.1 Released – with bada Support

In case you missed it, as I did, jQuery Mobile released version 1.0.1 a week ago.

The biggest changes seem to be the addition of official Samsung bada support, along with some additional test clients.  bada is an operating system for mobile developers developed by Samsung.  It doesn’t sound like the team had to do anything to support the platform, but it’s nice to know there will be an additional device tested with releases.

To download the new jQuery Mobile 1.0.1:

• JS - http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js (24KB)
• CSS w/ Theme - http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css (7KB)
• CSS w/o Theme - http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css (6KB)

Not only do we have 1.0.1 now, but jQuery Mobile 1.1 is coming out soon.

Here’s some stuff to look forward to in jQuery mobile 1.1:

• AMD support
• True Fixed Toolbars – it’s always been buggy, but they seem to have come up with a CSS based method that works everywhere (and doesn’t jump around)
• Better AJAX page transitions

I could swear there was a beta version of jQuery Mobile 1.1 out there, but I can’t seem to find the link.  Maybe I’m crazy?

Tags: AJAX, AMD, bada, CSS, jQuery, jQuery Mobile, JS, samsung

jQuery Mobile 1.1 – Fixed Toolbars, Improved Transitions

jQuery Mobile 1.1, which will be ready for release in mid/late February, will have some nice updates.  I’m sure mobile web developers are happy to hear some of these:

• Fixed Toolbars – no more repositioning after a scroll, jQuery Mobile will have true fixed toolbars!  Even better, purely CSS-based.
• AMD Support – A CommonJS standard, will be supported. (not the processor!)
• Better AJAX page transitions – to quote the post, “Smoother, Faster”.

Also good to note, is that touchOverflow will be deprecated in 1.1.  That means it should still work, but we should start moving away from it in our code.

It’s good to hear that the jQuery Mobile framework team is planning on regular releases every few months.

Thanks guys!

Tags: AJAX, AMD, jQuery, jQuery Mobile

HTTP Archive: Average Webpage now 965 KB (up 30%) in 2011

ExtremeTech published an article, The web in 2011: HTML5 dominates Flash, trouble for data capped mobile surfers.

From the article:

According to new research from HTTP Archive, which regularly scans the internet’s most popular destinations, the average size of a single web page is now 965 kilobytes (KB), up more than 30% from last year’s average of 702KB.

Wow.  That is huge growth.  I still complain to web designers who want to include a 650KB photo.

› Continue reading

Tags: HTML, Javascript, jQuery

50% of Websites use a JavaScript Library

W3Techs published an update to their JS library monthly usage trend, and says that 50% of all websites now use a JavaScript library.

jQuery is the top (by a considerable margin) at 41.7% of all websites.  Wow!

Tags: Javascript, jQuery, W3techs

jQuery 1.7.1 Released

jQuery 1.7.1 was released yesterday, with many bug fixes.

You can read about the fixes at the official announcement on blog.jquery.com.  Most fixes are standard bug fixes, with a few memory leaks addressed.

You can use the following CDNs to link / get the code:

• Google CDN:

  https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

• Microsoft CDN:
  http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js
• Official jQuery 1.7.1 CDN:
  http://code.jquery.com/jquery-1.7.1.min.js
  http://code.jquery.com/jquery-1.7.1.js

Tags: jQuery

jQuery 1.7 Released

jQuery 1.7 was released today, November 3rd, 2011.

Check out the post on blog.jquery.com for details on the update.

Some highlights:

• New Event APIs: .on and .off
• Better performance on delegated events (almost a 50% improvement)
• Better support for HTML5 in IE (blech, IE)
• AMD (Asynchronous Module Definition, this guy describes AMD well) support (it will work with AMD compliant loaders)
• Added jQuery.isNumeric()

I would love to thank the jQuery team for the regular updates to a platform we all love (don’t we?  leave comments yes or no)

You can use the following CDNs to link / get the code:

• Google CDN:
  Not Live Yet - https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js
• Microsoft CDN (Go Microsoft for getting it up so fast!):
  http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js
• Official jQuery CDN:
  http://code.jquery.com/jquery-1.7.js
  http://code.jquery.com/jquery-1.7.min.js

Tags: AMD, Google, jQuery, Microsoft

jQuery 1.6.3 Released

jQuery 1.6.3 was released today, September 1, 2011.

Highlights in this minor version include:

• XSS (cross site scripting) Attack fixed
• Fixed Animation issues based on the requestAnimationFrame API (no longer used, due to problems with actions being queued until  div is visible)
• Better handling of the new HTML5 attributes

Tags: Google CDN, jQuery, Microsoft CDN

jQuery and CSS3: Tutorial showing some Google+ Animation Code

I’ve been checking out Google Plus information, and ran across a blog that combined jQuery, CSS3 and Google Plus all in one.  Jackpot!

Srinivas Tamada writes, at 9lessons.info, Google Plus Style Animations with Jquery and CSS3.

You’ll notice the circle rotation animations aren’t handled in jQuery like we’re used to, but use the capabilities CSS3 has to animation on it’s own (the circle rolling animation is done by just toggling a class).

Easy to follow, great examples.

Tags: 9lessons, css3, Google Plus, jQuery, Srinivas Tamada

jQuery Mobile Beta 1 Released

Yesterday, June 20, 2011, the jQuery Mobile team released Beta 1.

The team intends to release the final jQuery Mobile at the end of the summer.  Another beta should be out within the next month.

With each release of jQuery Mobile we see better and better support for both core jQuery libraries, and mobile browsers.  Check out the Mobile Graded Browser Support page to see a list of supported platforms.

If you’re not familiar with the scope of jQuery Mobile, here are some quick points:

• Cross platform and Cross device support (see support here)
• Touch optimized controls (such as popups, sliders, menus, touch navigation, etc)
• Themable designs
• Adding support for CSS3 properties
• Lightweight size (12K compressed right now)
• Accessibility
• Events
• Plugins

› Continue reading

Tags: Accessibility, jQuery, jQuery Mobile

jQuery 1.6 Released

The jQuery Team and the jQuery bug triage team have released jQuery version 1.6 today.

You can use CDN’d copies of the file at:

• http://code.jquery.com/jquery-1.6.js
• http://code.jquery.com/jquery-1.6.min.js
• http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js
• [Google is still uploading]

Included in the recent version:

• Significant speed improvements to the attribute module (attr(), val())
• data() has been improved to match the W3c HTML5 spec, and had speed improved
• Changes to the usage of prop(), removeProp() and attr() (prop now reflects the changed portions of the DOM, and attr is the original value — IMPORTANT: this will require some code to be changed)
• Upgraded jQuery.map(object)
• Relative CSS attributes (from .animate(), such s “+=20px” — useful for font size changes)
• Improved animation syncing
• Smoother animations
• Auto-deffered’s are in animations now

Tags: attr, John resig, jQuery, prop, removeprop