Guymon

jQuery Performance

Scott Kosman hat einige leicht umzusetzende Performance Tips für jQuery zusammengesucht.

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.

Adaptive Images for Responsive Designs

Jake Archibald stellt a dirty, dirty hack… that works für Bilder in Responsive Designs vor.

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;-)

Defense against external resources failing

Rich Thornett erklärt wie man externe Ressourcen so einbindet, dass sie nicht die eigene Seite beeinträchtigen wenn sie nicht geladen werden können.

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.

Performance: Delayed Content

Paul Hammond zeigt wie man die Performance einer Webseite mit “Delayed Content” deutlich verbessern kann.

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.

Drupal: Views Quicksand

Ach ich liebe Drupal Gerade noch überlegt das Quicksand eine coole Idee für eine Webseite wäre und schon taucht ein passendes Drupal Module auf: Views Quicksand.

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.