Must have Graphic Design Scripts for Web
crossfade.js is obviously inspired by the similar effect seen on Medium.com blog post headers, helping developers imitate and implement a similar effect on their own websites.crossfade.js uses the HTML 5 canvas utility to draw out the blurred image.The...
The script also caches the image for further usage, avoiding instances where the server recompiles the same image times and times again. CSS Cacheer looks for image sources inside a CSS stylesheet and if the user's browser supports it, transforms that...
Supports images, HTML content and even Flash videos. It is perfect for creating sections where to feature and showcase content on a website.A demo is included with the download package.Features:Cross browser support,
No JavaScript or images,
Easy to...
CSSgram takes advantage of the latest advances in CSS3 image effects to reproduce the photo filters that users can apply to their pictures on Instagram.
The entire library is under 1kb (gzipped) and should provide a simple solution to pimp out photos...
CSSquirt allows developers to embed images inside the CSS code as a Data URI scheme, instead of a file path.
This way, the image data is encoded in the CSS file itself and won't load via another HTTP request.
This improves performance and increases...
danceFloor shows at page load a series of smaller photos.When clicking on an image, its containing panel is expanded, showing more details and images with that product.Text and photos at larger resolutions can be shown, along with other details like...
deSVG works by scanning a page's HTML for any SVG image file embedded via a classic <img> tag.Since few know that you can actually embed SVG graphics via their very own <svg> tag, this library tries to correct this behavior by...
Since developed, lazy loading has been a favorite for webmasters running large websites, vertically long pages, or displaying lots of images in just one page.The technique relies on a viewport sniffing technique which can tell what the user's screen is...
The library opens the file header and takes out its dimensions in pixels.Besides the width and height, image angle (rotation) can also be extracted.Features:Supported image formats:
GIF
PNG
JPEG
TIFF
What is new in this release:Added support for calling...
The Direction-Aware Hover Effect package can be used for any adding unique hover effects for HTML grid layout.The hover effect is produced via CSS 3, while jQuery is used to detect the mouse position and movement and animate the panel accordingly.This...