jQueryRotate is very easy to use in your own projects. All you need is to select an image element and call “rotate” or “rotateAnimation” function. To simply rotate an image, you can directly specify an angle or pass parameters in this function. The rotateAnimation function enables you to add rotating animation programmatically.

Developed by Pawel Witkowski; jQueryRotate is available for download under MIT License.  You can find further information, demos & download on jQueryRotate Website.

Similar Posts:

• Clearbox: JavaScript Based Image and Content Viewer
• maxImage: jQuery Image Scaling
• YoxView: jQuery Image Viewer Plugin
• jQuery SuperBox!
• Image Power Zoomer

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Designs of the Week

Let’s start with the poster child of this week’s collection. A little too busy for me, perhaps the other columns that aren’t at the center of the page can be faded out? I do like the vertical approach here though, as the header becomes the leftmost sidebar.

For a design like this, you always need to pay attention to what you’re publishing. Here everything blends in nicely and looks like a happy quilt!

Love the horizontal and vertical scrolling, which makes total sense for a grid-based design like this. The experience feels great and makes you want to browse more stuff.

Disappointingly unusable site—it uses one big image map—but I like the concept.

Looking at this site quickly, it looks okay, but eventually you’ll have to wonder why the boxes aren’t lined up properly. I know that it’s a trend to let the floating behavior determine where they’ll land, but in some ways it feels lazy as well.

Better example. The stark black and white plus the bold titles make for a striking look, no doubt.

I like this fairly colorful look as well as the controls for filtering the content, although I’m not happy with the “myster meat” collection of boxes beside it. Of course the footer provides a more useful version of that.

Interface imitation is a growing trend, and here it’s still pretty subtle but memorable (click on the “slant” box, you get a marching ants effect, then of course the blinking cursor). Love the navigation effect.

One of the most peculiar implementations I’ve seen; the images appear only on hover, using pretty dated JavaScript techniques.

I like the use of primary (and secondary) colors for a “designy” feel. But this one doesn’t know how to use semantic HTML either.

I like the boxes and circles used all over, although I wish the sidebars were a little less distracting from the main content area.

I had a pleasant time browsing this site; it looks warmly welcoming and elegant.

Very nifty concept!

Boxy designs don’t just mean you have to put content in boxes, follow the grid rhythm, be done with it. See how this site played with its logo and the placement of its text and photos.

Love the use of the browser’s full width and height.

Really elegant looking, and I admire the fact that even the menus are typed out in HTML even when they could have just used a full image.

Social Media Weekly

JavaScript – JavaScript Minification Part II
“This article emphasizes what you should do to take advantage of YUI Compressor’s best feature for minification: local variable name replacement.”

JavaScript – Say No to noscript
“Despite early accessibility advice advocating use of the noscript element, best practice is to use unobtrusive JavaScript for progressive enhancement, rather than relying on fallback content.”

CSS – Bulletproof CSS3 media queries
“I tried to resolve this problem by providing pure CSS solution for 95% of market share PC browsers and JavaScript solution for the rest of the browsers.”

Alloha is very to integrate in your web sites and application. It produces clean xHTML5 code once integrated into your application. Another noteworthy features is that it allows you to edit content you would never have thought you can. You can edit content directly in content accordions, sliders, tickers, captions or descriptions of images in slideshows.

Features

• No reload. No popup. No need to preview
• Floating menu – lightweight context menu
• Insert the table with the size you want with just one click
• Editing and formatting text without Markup
• Faster editing and loading time
• WYSIWYG for dynamic content
• Support HTML5 Contenteditable

Developed by Gentics Software GmbH; Aloha Editor is available for download under AGPLv3 License.  You can find further information, demos & download on Aloha Editor Website.

Similar Posts:

• CLEditor: WYSIWYG HTML Editor jQuery Plugin
• List of Free Web Based HTML Editors For Your CMS Project
• QuickChange: Free In-Line Content Editor
• gpEasy: Lightweight Fully Functional Flat File CMS
• CKEditor – Fast Full Featured WYSIWYG Editor

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Using PIE in your projects is really simple and straight forward. All you need to do is upload “htc” file on the server and add the behavior in CSS rule of the element: “behavior: url(path/to/PIE.htc);”. You need to make sure that path is relative to the HTML file being viewed, not the CSS file it is called from.

Developed by Jason Johnston; PIE (Progressive Internet Explorer) is Available for download under Apache License Version 2.0.  You can find further information, demos & download on PIE (Progressive Internet Explorer) Website.

Similar Posts:

• EnhanceJS: JavaScript Framework For Progressive Enhancement
• Highcharts: Pure JavaScript Charting Library
• jMedia Element: HTML5 Audio / Video Development Kit
• Dygraphs: Interactive, Zoomable Charts of Time Series
• Build Flexible Multi Column Layouts With Less CSS Framework

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

To use CLEditor, you simply need to pass “id” of the textarea that will hold the HTML content; plugin will replace it with WYSIWYG editor. In addition to the standard text formatting features, CLEditor contains rich drop downs for font name, size, style, text color and highlight color.

Features

• Lightweight and very easy to implement
• Can specify height, width, fonts, colors, controls and styles using configuration options
• Customize the tool bar styles and controls
• Supports methods for interaction via JavaScript: focus(), htmlMode(), resize(), select(), selectedText(), updateFrame(), updateTextArea()

Developed by Chris Landowski; CLEditor is dual licensed under the MIT or GPL License.  You can find further information, demos & download on CLEditor Website.

Similar Posts:

• jQuery Tag Editor Plugin
• CKEditor – Fast Full Featured WYSIWYG Editor
• Downloadify: Client-Side File Generation
• jQuery CalendarPicker: Unique Date Selection Component
• jQuery MultiSelect Plugin With ThemeRoller Support

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

CMS Tree Page View is ideally suited for sites with a lot of pages – enabling admin users to easily find, arrange and manage pages. Once you activate the plugin, a link to “CMS Tree Page View” is added under “Pages” menu in the admin area. You can also choose to display tree on the dashboard through plugin’s settings page.

Features

• View and organize pages in a simple to use tree view
• Available both on it’s own page and on the dashboard
• Edit pages directly from the tree
• Add pages at any place in the tree
• Drag and drop to rearrange your pages
• Search pages
• See all pages  – including private and drafts – or just publicly available pages

Developed by Par Thernstrom; CMS Tree Page View WordPress plugin is available for download under General Public License.  You can find further information, demo & download on CMS Tree Page View Website.

Similar Posts:

• Easy Post Types Plugin For WordPress 3.0
• Technical Support For Your WordPress Customers

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

It’s rather surprising this comparison took such a long time to take place, but nonetheless, ArsTechnica published the image below comparing the performance of Android 2.2’s web browser against iOS4’s mobile Safari in two respected JavaScript benchmarks.

SunSpider

The SunSpider JavaScript benchmark measures the amount of time a certain number of various JavaScript operations take to complete. A lower score means the operations completed more quickly, and the Nexus One running Froyo beats the iPhone 4 in this regard by a sizeable ~50%.

V8

The V8 benchmark (an open source benchmark maintained by Google)...