Free Graphic Design Scripts for Web
jQuery Picturetape uses two parameters to add offsets for the X and Y axes used by browsers for displaying elements inside a page's canvas.At runtime, these two parameters are converted to CSS-based relative or absolute positioning rules.The benefit of...
zoomLight allows users to click on a thumbnail and expand it to a larger version of itself inside a modal window floating above the page.If the large photo will not fit inside the user's screen, it will not be resized and showed overflowing the screen's...
showOnHover effects can be applied to any HTML element, from images to forms.The plugin basically adds extra controls for mouse hover events, letting developers decide how to manage the rollOver and rollOut options.The plugin is quite small and is also...
This creates a simple bleed effect, letting the dominant image color run out of the image.The Adaptive Backgrounds plugin is perfect for image heavy websites, portfolios, image galleries or modal image viewers, showing a background color similar to the...
In recent years it has become a recommended practice of embedding the image themselves inside CSS files instead of loading them via separate HTTP requests.
This procedure detailed and encouraged by Google's SEO team reduces the number of HTTP...
RandomUserWall uses photos retrieved from the RandomUser.me public API, a Web project containing images of random people.The plugin can randomly pull in photos from this website and display them as a photo wall in the background of the page, or just a...
Just by adding the "ctg-lazyload-img" class to an image, that image can be loaded only when in the viewport.The plugin can also lazy load images found in a specific container, loading the rest of the page normally.For AJAX powered pages, a lazy load...
SmarterImages uses a series of preset responsive breakpoints to load the appropriate image version, in tune with the user's viewport screen width.As the page is accessed from a different device with a different resolution or the browser is resized, the...
jQuery Background Position works by manipulating the CSS background-position property via JavaScript.The plugin can work with the background-position property expressed using numeric (pixels) or named (center, top, left, etc.) values.Besides the...
Web-Slideshow can be used in various ways, helping webmasters showcase their art using a random loading mechanism.You don't need to follow closely modeled image name patterns for the plugin to work. Just move your photos in the script's "/kpis" folder and...