Ravelry Bookmarklet for iPad

by Lorenzo Orlando Caum on October 4, 2012

Ravelry is a community site, an organizational tool, and a yarn & pattern database for knitters and crocheters.

In this tutorial, you’ll learn how to setup the Ravelry bookmarklet on your Apple iPad.

We will need to create a bookmark and then go back and edit the bookmark to include the JavaScript code for the Ravelry bookmarklet. The steps that we will be following are similar to the other tutorials on this website – only we will be inserting the code for Ravelry.

Install the Ravelry bookmarklet on the iPad

We will complete the following steps via the iPad.

Prepare your iPad & open this tutorial in mobile Safari

  • From your iPad, go to “Settings” and tap on “Safari.” Set Always Show Bookmarks Bar to “ON.” Set JavaScript to “ON.” Set Accept Cookies to “From visited.”
  • Next, open the Safari app and open this current page (go to iosbookmarklets.com and search for “Ravelry” and select the tutorial for the iPad).
  • Now copy one of the codes in the section (Ravelry bookmarklet code)

Create a temporary bookmark in mobile Safari

Next, tap on the share icon (square with a right arrow) at the top of your Safari page and tap “Add Bookmark.” Ensure that it will be saving to the “Bookmarks Bar” and then hit “Save.”

Update the temporary bookmark with the code for the bookmarklet

  1. Now tap on the bookmark icon (open book) to pull up your bookmarks. Tap on the “Bookmarks Bar” folder. Then tap “Edit” in the top corner of your window.
  2. Select the bookmark that you just created. Change the name to something of your choice – perhaps ‘Ravelry’ or ‘ravel it!’ or ‘add to ravelry queue’.
  3. Next, erase the URL shown and paste the bookmarklet code for Ravelry (press and hold, then release, then tap “Paste”).
  4. Hit “Bookmarks Bar” located in the bottom top left corner to go back. Tap “Done” located in the top right corner. Tap the bookmark icon to make it disappear.

Those are all the steps! You’ve now installed the Ravelry bookmarklet on your iPad.

Ravelry bookmarklet code

To copy the code below — press and hold on the code and then release; then adjust the blue overlay so it covers the entire code, and tap “Copy.”

ravel it!

javascript:location.href='http://www.ravelry.com/bookmarklets/find?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)

add to ravelry queue

javascript:location.href='http://www.ravelry.com/bookmarklets/queue?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)

Video Tutorial: How to Setup the Ravelry Bookmarklet on an Apple iPad

If you found this tutorial helpful, then please share it with a friend.

Image credit: Ravelry.com
Bookmarklet code credit: http://www.ravelry.com/about/goodies

Related Posts Plugin for WordPress, Blogger...

Author: Lorenzo Orlando Caum

Lorenzo Orlando Caum is the founder of Enzo12 LLC, a consultancy in Tampa, FL.

If you would like to know more about Lorenzo, you can follow @lorenzocaum on Twitter or check out his blog.

Previous post:

Next post: