background preloader

Resize

Facebook Twitter

Dynamic Resolution Dependent Layouts. Introduction In my previous feature on CSS layouts , I talked a bit about the different CSS layout approaches available to a designer when building a web site. In this feature, I’d like to focus on a dynamic resolution dependent layout implementation that I think provides a strong alternative for those trying to find a balance between fluid and fixed layouts. With dynamic layouts, the possibilities really are quite endless. You can change 3-column layouts to 2-column layouts, provide appropriate font-sizes to increase legibility, and even reward higher resolution viewers with extra content and larger images. And no, you don’t have to put php in the CSS or lose the caching benefits of using external stylesheets to make it work. Before I really got into JavaScript, I was always frustrated by how I could never really get a fluid layout to look right across all the different resolutions users were using to see my sites. See It In Action Dynamic Resolution Dependent Layout Demo Implementation.

Unsharp Mask for PHP. Jcrop Image Cropping Demos. Hello World! This is the most basic example of Jcrop implementation. Since no event handlers are attached, it's not very exciting, but displays the out of box functionality. Attach it to any image on your page with the simple code below, and start cropping! These demos have been adapted for display on this website. Simplified versions of the same demos (with simplified source code) are included in the archive download. Textarea tools.