Home page of Refocus-it GIMP plug-in usable for deblurring and refocusing images

wkhtmltopdf and wkhtmltoimage are open source (LGPLv3) command line tools to render HTML into PDF and various image formats using the Qt WebKit rendering engine. These run entirely "headless" and do not require a display or display service.

There is also a C library, if you're into that kind of thing.

How do I use it?
Download a precompiled binary or build from source
Create your HTML document that you want to turn into a PDF (or image)
Run your HTML document through the tool.
For example, if I really like the treatment Google has done to their logo today and want to capture it forever as a PDF:

wkhtmltopdf http://google.com google.pdf

Ethan Marcott, the one who coined the term Responsive Web Design, stated in his article that Fluid Image is one of the ingredients of Responsive Web Design. The problem with Fluid Image, however is that eventhough the image seems to be responsive and could fit nicely in various viewport size, the same image size is downloaded by the users regardless of the medium the image is being viewed on.

I can still remember the old digg.com user profiles with dynamic avatar cropping via JavaScript. Their user interface was clean, easy to use, displayed a sample before you cropped, and would auto-update as you changed the selection box. I have always admired this design and have been on the lookout for a great jQuery plugin which can offer similar features with less custom code.

After toying with Jcrop I have come to really support this plugin. The codes are very small and do not require a whole lot of setup (although there are plenty of optional settings). My demo example will include dynamic avatar updating in real-time, along with a PHP rendering script. I think the amount of new social networks and websites offering user profiles should definitely take this UX technique into consideration.

iconsDB.com currently has 3202 icons in the database that you can customize and download in any color and any size you want ! 3,447,879 icon downloads and counting ! All icons can be used freely in both personal and commercial projects with no attribution required, but always appreciated. All logos and trademarks presented in some icons are copyright of their respective trademark owners

Three Sixty Image slider plugin
This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics

If you aren’t aware that Steve Jobs died on Wednesday 5th October, you must have been living under a stone – it has been on worldwide news broadcasts, it has flooded Twitter and Facebook, not to mention the sheer amount of private conversations that must have taken place about the great loss and massive hole left by this amazing entrepreneurial giant of a man – yes, I think Steve Jobs has 'put a ding in the universe'!

loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.

Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB.

In the last few years jquery image sliders and jQuery image galleries become very popular in blogs and especially in portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. One of the easiest solution to attract your visitors and to show your potential clients your portfolio is the image sliders and image galleries.

In case you weren't aware, CSS animations are awesome. They're smooth, less taxing than JavaScript, and are the future of node animation within browsers. Dojo's mobile solution, dojox.mobile, uses CSS animations instead of JavaScript to lighten the application's JavaScript footprint. One of my favorite effects is the spinning, zooming CSS animation. Let me show you how it's done!

Welcome to the VirtualBox® Images project website. This project provides virtual machines for Sun XVM VirtualBox® sporting several free and/or open-source operating systems, such as GNU/Linux or Free/Net/OpenBSD for testing, security and/or entertainment purposes.

In most cases, we’ve done a minimal setup, to let you alter the images to your own needs and learn how to use the operating systems. We will try to provide instructions for key tasks (for example, installing Guest Additions) for each image.

Today we are going to use jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.

In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.

Within WordPress, it’s actually extremely simple to grab images from another website, and import them into your own installation. It takes just a handful of functions to do so. This can be extremely handy when trying to move content into WordPress from another system.

For instance, on most organizational websites, you’ll find an employee directory; and in a lot of those directories you’ll find photographs of the employees. Should you ever choose to move your employee directory into WordPress, you can easily import the information as posts (most likely a custom post type) and then pull the employee images and add them to WordPress, too.

Using CSS3 to produce an expanding menu animation with slide down sub menus.

Each section will expand to reveal the full width image on hover. The unhovered panels with shrink to keep the overall width of the menu the same.The hovered panel menu will expand vertically to reveal descriptive text which can contain any information you want with links possible.

Tested in IE7, IE8, IE9, Firefox, Opera, Safari and Chrome. It should also work in Mac browsers. IE7, IE8, IE9 and Firefox 3.x will see an instant change of image sizing and sub menus.

Following on from the previous enlarger demo this one makes use of the general sibling selector with :hover (now that it can be made to work in Safari and Chrome) to have the large image occupy the same frame as the small image and have smooth scrolling in Safari, Chrome, Opera and Firerfox v4 beta.

IE7, IE8, IE9 and Firefox v3x will have a jumpy enlarging image but at least the general sibling selector works in all these IE browsers.

You can use Scriptocean Javascript Slideshow Wizard to build:

• Simple javascript slideshow with fade, scroll, or slide effect.
• Javascript image gallery with thumbnails and control buttons.
• Photo gallery.
• Image based content slider.
• Banner rotator.

Features:

5 different cross browser slideshow effects.
Easy-to-configure.
You can see the slideshow with Internet Explorer, Netscape, Firefox, Mozilla, Opera, Chrome, and Safari.
The slideshow automatically advances the slides. You can set the duration.
You can create more than one slideshow on the same page.
Users can trigger the link for a slide by clicking the image.