Treehouse

Weekend Links – iPhone Interface, mooVRotatingMenu, Digg Hacked, jQuery Scrolling, Prototip

By on  

Create a Slick iPhone / Mobile Interface from any RSS Feed

Chris Coyier drops a sweet iPhone-like script for any RSS feed. Chris used SimplePie (PHP RSS API) and jQuery to create this hot page.

http://css-tricks.com/create-a-slick-iphonemobile-interface-from-any-rss-feed/

mooVRotatingMenu

The people that brought you MooPan bring you mooVRotatingMenu, a slick-as-hell animated element rotation script. Comes in horizontal and vertical flavors.

http://www.virtual-gadjo.com/mooVRotatingMenu.php

How I Hacked Digg

Dominic at Phoboslab discovered some insecure code at Digg, told them about the issues, and didn't hear back. What's a blogger to do? Write about it, of course. Oddly enough, Digg's Lead Architect was the first one to comment.

http://www.phoboslab.org/log/2008/06/how-i-hacked-digg

Load Content While Scrolling With jQuery

This article details how you can forget pagination and server up more content when the user hits the bottom of page. DZone employs this type of virtual pagination.

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Prototip 2 - Create Beautiful Tooltips with Ease

Prototip allows you to easily create both simple and complex tooltips using the Prototype JavaScript framework. The Prototip site also provides some sweet examples.

http://www.nickstakenburg.com/projects/prototip2/

Compress jQuery Even Further

In our never-ending battle to compress our JavaScript libraries, this article describes compressing jQuery even more.

http://brightscape.net/compress-jquery-even-further/

ydkjs-3.png

Recent Features

  • 5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

  • 9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

Incredible Demos

  • Google Extension Effect with CSS or jQuery or MooTools JavaScript

    Both of the two great browser vendors, Google and Mozilla, have Extensions pages that utilize simple but classy animation effects to enhance the page. One of the extensions used by Google is a basic margin-top animation to switch between two panes: a graphic pane...

  • Making the Firefox Logo from HTML

    When each new t-shirt means staving off laundry for yet another day, swag quickly becomes the most coveted perk at any tech company. Mozilla WebDev had pretty much everything going for it: brilliant people, interesting problems, awesome office. Everything except a t-shirt. That had to change. The basic...

Discussion

  1. Great story about digg.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!