Präsentationen mit impress.js
Das Präsentations-Framework impress.js sieht wirklich gut aus!
Eine Demo kann man sich hier ansehen. Schick.
Archived entries for Javascript
Bildeffekte mit Canvas
Zwei interessante Canvas Bibliotheken sind mir heute über den Weg gelaufen. Da ist zum einen PaintbrushJS
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.
Typography Effects with CSS3 and jQuery
Mary Lou demonstriert einige schöne Typografie Effekte.
Über Lettering.js wird die Überschrift in einzelne Buchstaben zerlegt die dann mit CSS3 gestaltet werden. Sehr nett!
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;-)