jQuery
Web development with the iPhone and iPad in Mind
In the very near future, I will be posting a series of posts on what you should/shouldn’t be doing to develop a website where the iPhone and iPad are a target demographic. jQuery will figure prominently in the series, as I’ve seen almost all websites now require work with jQuery (or anther AJAX platform).
Let me know if you have any specific questions / concerns, and I’ll be glad to answer them.
Some interesting things to think about:
- How are mouse clicks triggered? (It’s not as straightforward as you’d think)
- How are hover states triggered? (Hint: the iPad has a hover state, but it’s not what you think — remember you only have a single touch, no arrow following your finger)
- What types of gestures can we use?
- What special considerations must we make for CSS?
- What are the ideal screen dimensions? (this is easy, but remember we have multiple devices, and multiple orientations)
- What types of video can we play? (iPad, iPhone 3GS, iPhone 3G, iPhone 2G and the original iPhone all have different specifications, it’s not that easy)
Google Code: jQuery Outages and a Fix
I’ve posted 2 articles in the past few weeks regarding Google Code going “down” (rather, the jQuery hosted there wouldn’t work), mostly out of frustration:
- 6/3/2010 – Google Code: Did they break jQuery on some sites?
- 6/18/2010 – Google Code’s jQuery hosting goes Down!
There are many pluses and minuses with regards to CDN usage (more pluses though). There may be a solution…
Google Code’s jQuery hosting goes Down!
Web developers everywhere must be making double takes. It’s not our code, it’s Google!
The 2nd time I’ve noticed this in the past 2 weeks, it makes it hard to consider Google Code a reliable host. Not only do developer’s who did as Google recommended get calls from clients, some of our development time was wasted today trying to track this down (for me it was only a few minutes, but I’m sure other developers will spend hours).
From Google Code:
The AJAX Libraries API provides your applications with stable, reliable, high speed, globally available access to all of the most popular, open source JavaScript libraries. Your application can use our very flexible loader
google.load()or direct, path based access to the scripts.
I like the “stable, reliable” part myself.
You can see the last time I complained about this problem.
We can only hope this is for some greater good, and not protecting against more evil.
Annoying. Especially when I’m busy trying to get code done!
UPDATE: If you need to call jQuery code, use this:
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.4.2.min.js”></script>
Basic jQuery Tutorial: Modify CSS classes and attributes, Hover and Toggle example
This tutorial will cover:
- Modifying CSS attributes with jQuery
- Setting a class for a page element
- Removing a class from a page element
- Testing if a class exists
- A quick toggle click behavior example
The final example will use all of the other elements in a single exercise.
Web Developers: How to develop for iPhone / iPad / iPod Mobile Safari
In short, don’t. It’s an uphill fight.
There are a few obstacles in developing for the iPhone / iPad I thought I’d post while it was on my mind:
- How can I test my “mobile” site?
- How can I see errors on my iPhone?
- Why is the iPad and iPhone different?
Basically Apple has decided to make life difficult for web developers. This was ideally done to improve the user experience on their mobile platforms, but I don’t think it was fully thought out.
Google Code: Did they break jQuery on some sites?
I was sitting around developing some code for a website yesterday (June 2, 2010) and my jQuery started to break. It was after I had taken a break, and knew it worked beforehand.
When I looked into the problem I saw that the Google Code loaded jQuery 1.4.2 had a problem. It wasn’t loading properly!
HTML Zen Coding: Speed up HTML creation
HTML Zen Coding is a plugin for many popular HTML editors that gives the web developer many tools for quickly building out HTML pages. If you are comfortable (and enjoy) CSS selectors popular today in many frameworks (such as jQuery) then this may be for you.
When we build HTML documents, we are always building code that is repetitive, and we have ways of making that better. Creative copying and pasting usually. Sometimes I feel like I’m playing music on my keyboard when I do my copy paste and edit keyboards commands over and over.
With Zen Coding the process is much “simpler”. You need to learn the syntax, which is straightforward for most selector friendly folks — but it will shorten your workload and let you do some things that you may have avoided before.
HTML 5 Presentation on HTML5
Saw a great HTML5 presentation today at Apirocks.com: HTML5 Presentation. Has tons of useful demos of new HTML5 technologies that you can actually USE TODAY.
HTML Fadein Fadeout: Basic Javascript/AJAX Tutorial using jQuery’s fadeTo
In this tutorial we will review:
- Basic document jQuery preparation
- Binding jQuery actions to an anchor (A) tag
- Fading In and Fading Out html elements with Javascript/AJAX
Help: IE7 won’t load my JSON but IE8 will – Using a JSON Validator
I just ran into this issue, and found surprisingly little documentation. My JSON request wasn’t returning. I was using the jQuery “getJSON” method to send the request out. Nothing was coming back.
Featured Posts
- HTML Fadein Fadeout: Basic Javascript/AJAX Tutorial using jQuery's fadeTo
- Basic AJAX Tutorial: Smooth Scrolling Text Marquee with a jQuery plugin
- Basic AJAX Tutorial: jQuery toggle and slide
- Hosting: How to pick a WordPress Host
- Basic jQuery Tutorial: Modify CSS classes and attributes, Hover and Toggle example
Follow Me
Email Subscription
Recent Posts
Top Commentators
- No commentators.
Archives
Tags
Blogroll
- 456 Berea St
- ActionScript 3 Design Patterns
- adactio – home of Jeremy Keith
- ajaxian
- Boxes and Arrows
- Chris Brogan
- CSS Globe
- InsideRIA
- Jarrod Michael Studios
- Mad Vertices
- NETTUTS
- Portsmouth Community Calendar
- Roomware Blog
- Signal vs. Noise
- Six Revisions
- Snook
- Style Grind
- Tiago’s Weblog
- Viget Extend
- Vitamin
- Whats the latest
- Why Banks Fail
- Woork
- zupko.info