turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

• Uses Hardware acceleration
• Works on tablets and smartphones
• Easy to manipulate
• Lightweight, only 15K

Possibly related posts (automatically generated)

• HTML5 Forms
• daily links
• daily links
• Mobile Web
• jQuery Infinite Carousel

Zum einen scrollorama von John Polacek, the jQuery plugin for doing cool scrolly stuff. Nett, wenn auch wohl (noch) nicht für den Kundeneinsatz geeignet.

Das zweit Plugin ist Arctext.js – Curving Text with CSS3 and jQuery.

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Possibly related posts (automatically generated)

• Typography Effects with CSS3 and jQuery
• Typography and Ampersands
• Widows mit jQuery vermeiden
• turn.js
• Technical Web Typography

Eine Demo kann man sich hier ansehen. Schick.

Possibly related posts (automatically generated)

• turn.js
• Performance: Delayed Content
• AliceJS
• Interaktive Webseiten mit Tangle
• Drupal 7: JavaScript

PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page.

You use it by applying a class to an element on the page and setting a few parameters with some extra HTML attributes. If the element is an img or it has a background-image set in your CSS, PaintbrushJS will create a temporary canvas element and manipulate the image there, before finally saving it back out to the original element.

und zum anderen CamanJS

The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.

CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. It has a powerful layering system, much like the one present in Photoshop and GIMP, that makes the sky the limit for your creativity.

Possibly related posts (automatically generated)

• Shutter Effect for Photos
• daily links
• JavaScript: TransM
• jQSlickWrap
• jQuery: Bild Rotation

Über Lettering.js wird die Überschrift in einzelne Buchstaben zerlegt die dann mit CSS3 gestaltet werden. Sehr nett!

Possibly related posts (automatically generated)

• jQuery Fun
• Photo Stack with jQuery
• jQuery Fallback für CSS3 Animationen
• CSS3: Animierte Buttons
• Gallery With Animated Shine Effects

Thankfully, there are a few very simple things anyone can add into their jQuery workflow that can clear up a lot of basic problems. When undertaking code reviews, three of the areas where I consistently see the biggest problems are: inefficient selectors; poor event delegation; and clunky DOM manipulation. We’ll tackle all three of these and hopefully you’ll walk away with some new jQuery batarangs to toss around in your next project.

Possibly related posts (automatically generated)

• jQuery: throttle / debounce
• Unterschiede zwischen .bind(), .live(), and .delegate()
• jQuery Selector Tips
• daily links
• jQuery Selectors Tips

Das Ziel ist eine Lösung die auch ohne JavaScript funktioniert.

<script>document.write('<' + '!--')</script><noscript>
 <img src="image.jpg">
<noscript -->

And there we have it. We can now prevent images loading for users with JavaScript, but we can still get at the markup. Now all we need to do is give each of our dirty scripts a class name, then JavaScript can pick them up, grab the markup from the comment and decide what to do with the images.

In der Tat ein Hack, aber ein sehr spannender;-)

Possibly related posts (automatically generated)

• Responsive Design am Beispiel Boston Globe
• YAMB – Yet Another Mobile Boilerplate
• Performance: Delayed Content
• Adaptive Images
• The Semantic Grid System

The Deck network, which delivers advertising to some of the most popular web design and culture destinations, was down for about thirty minutes. During this period, most partner sites running ads from The Deck could not be viewed as result.

I’ll discuss outages like this and how to defend against them. (…) the issues in play are applicable to any web widget you might add to your site to display third-party content.

Possibly related posts (automatically generated)

• CSS Performance
• jQuery Performance
• Performance: Delayed Content
• SEO: Page Speed
• jQuery: throttle / debounce

Jeremy Keith hat diesen Gedanken aufgegriffen und wendet ihn auf den mobile first Ansatz an.

This technique has consequences for content strategy and information architecture. Instead of thinking about possible page content in a binary way as either ‘on the page’ or ‘not on the page’, conditional loading introduces a third ‘it’s complicated’ option.

This was just a simple example but I hope it illustrates that conditional loading could become an important part of the content-first responsive design approach.

Possibly related posts (automatically generated)

• Adaptive Images
• Drupal: Local Copies of External JS
• yepnope.js
• $script.js: JavaScript loader
• JS und CSS Packer mal anders

Quicksand is a jQuery Plugin that provides a nice animation for filtering or reordering lists of content.

Views Quicksand integrates this effect into Views. Therefore it provides a views style-plugin, which allows you to alter most settings the quicksand plugin provides.

Possibly related posts (automatically generated)

• daily links
• daily links
• Drupal: Mega-Menus
• Drupal: Views Aggregation
• Drupal: Alle Felder ein View durchsuchen