background preloader

PORTFOLIO - IMMAGINI

Facebook Twitter

Adaptive Images in HTML. Watermark.js : Create Image Watermarks with HTML Canvas and Javascript - Nuefolio Magazine. PhotoSwipe. Droparea - HTML5 Drag & Drop Image File Uploader Plugin for jQuery. Nivo Slider - The Most Awesome jQuery Image Slider. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.

Nivo Slider - The Most Awesome jQuery Image Slider

There is literally no easier way to make your website look totally stunning. The jQuery plugin is completely free and open source receiving more than 3,000,000 downloads since launching in 2010. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Powerful & Simple Slider Creation The Nivo Slider WordPress plugin makes it super easy to create and manage multiple sliders on your WordPress sites. Multiple Slider Types Automatic Image Cropping The Nivo Slider WordPress plugin can automatically crop and resize your images to a size you specify, so you don’t have to worry about doing it manually yourself. Slider Themes Small, Semantic & Responsive Free to Use & Abuse Media Manager Plus Integration.

Sliding Background Image Menu with jQuery. Today we want to share another jQuery menu with you.

Sliding Background Image Menu with jQuery

This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as size of the image, the hover effect and custom default states. View demoDownload source Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. The idea of this navigation is based on the Beautiful Background Image Navigation with jQuery, a tutorial that had a similar effect. The beautiful gastronomy photography is by Manoel Petry:Manoel Petry’s Flickr PhotostreamManoel Petry’s Website The images are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License.

Examples View demoDownload source. Shutter Effect Portfolio with jQuery and Canvas - Nuefolio Magazine. In this tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect.

Shutter Effect Portfolio with jQuery and Canvas - Nuefolio Magazine

This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website. TutorialZine shared this tutorial. The Idea The canvas element is a special area on which you can draw with JavaScript and apply all sorts of manipulations to your image. However, there are limitations to what can be done with it. This requires a lot of processing power that web browsers just cannot provide currently, and as a result smooth animations are nearly impossible. After the initial load of the page (when the frames are generated), the job of the plugin becomes to simply cycle through the frames.

Source Website Please Log In to bump this post. Image Wall with jQuery. Today we want to show you how to create a neat image wall with jQuery.

Image Wall with jQuery

The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and […] View demo Download source. Expanding Fullscreen Grid Portfolio. Today we want to share a neat experimental portfolio template with you.

Expanding Fullscreen Grid Portfolio

The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”. If you know Flipboard for the iPad, then you might recognize this effect we got inspired with.