Phono is a simple jQuery plugin and JavaScript library that turns any web browser into a phone; capable of making phone calls and sending instant messages. You can even connect to SIP clients; all with a simple unified API.
There are some amazing APIs popping up out there and this is an example of one that I could imagine being really handing for instant call support. The only problem which is stopping me from jumping in now is US domestic calls only at the moment. If you try it out let me know.
It's been quick and rather painless experience but this blog is now updated and the template is using Twitter's own Bootstrap.
Engineers at Twitter have historically used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented. With the help of many awesome folks, Bootstrap has grown significantly.
As a CSS toolkit its a powerful way to get a site prototyped up and running quickly. It includes the core CSS and HTML you need for typography, forms, buttons, tables, grids, navigation, and more. Also if you haven't looked at it in a while they are also adding the Javscript elements to make it even quicker to get going with.
A friend was after capturing any click event on a page and then checking the tag it was on/over. The great thing with jQuery is that you can get to this information with little effort. Below is a snippet of code which will dump the tag (in UPPERCASE) to the console.log.
If you want to know what else you can tap in to then change line 2 to console.log(e) and have a good explor around.
Thanks to all the people that follow mytweets and blog posts. 2010 hasn't been the greatest of years for me personally but here is to 2011 being a lot better! (with more posts)
Needed to do a basic validation check for a client which simply told the user that not all the fields have been completed are they sure they want to continue. Turns out jQuery made this simples with the command $(":text[value=]") which returns all the objects. In the end my (cut down) function that I used on submit of the form was:
There was already jqTouch out there but it seems that jQuery have gotten in to the mobile user interface framework area themselves now. Already the Demos/Documentation page looks good showing off features such as theming, toolbars, forms, lists, buttons etc. Upcoming components include tablet optimisation and theme rolling which should be exciting if you have ever used the UI .
Now I just need to find more hours in the day. Check it out:
I am doing a search criteria page which needs to clear the preceeding <select> options should any one of them change.
jQuery makes all Js work easy but my solution wasn't as elegant as it could be, it was more like something that was beaten down with rotten fish. At first I had switch statements then I was looping over this and that until I remembered about the .index() function and got the code down to 2 lines. Hopefully this saves someone else later on
The jQuery
jQuery UI is a powerful set of interaction plugins for building RIA apps that run and the look the same across multiple browsers. Below is an example of using the tabs to hold multiple forms which submit back to themselves. The code is pretty straight forward and consists of two pages, the first one can even be a HTML page but the second one in my demo is a ColdFusion page to show the passed variables.
The second page should be called receive.cfm
Pet Rescue SOS is a site I've had a hand in putting it together, put simply, is the place where you can register your pets, have them assigned a unique tag and identity number which can used to identify and locate your pet anywhere in the world. This service is available online 24hrs a day and you have access to your own registration section from where you can manage your account and pets.
Below for anyone interested is some of the tech specs:
Trying to find if a DIV is present on a page with jQuery
Was thinking of putting this in a jQuery plugin like isDefind() put then its not worth the extra code I think :)