Color Extraction Effect with CSS Filters

Today we’d like to share a fun little color extraction experiment with you. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the palette. We are using Vibrant.js by Jari Zwarts to extract the colors from the images, and CSS Filters to transition the image to a black and white version. We also implemented a simple slider with a special “curtain” effect.

The post Color Extraction Effect with CSS Filters appeared first on jQuery Rain.

by Admin via jQuery Rain

Advanced Off Screen Menu with jQuery & CSS3

Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.

• 20 responsive presets. (Check the live preview button to test them.)
• Browser based Editor with 30 presets.
• Compatible with all HTML5 browsers INCLUDING MOBILE! (IE10+, Chrome, Safari, Opera, Firefox). Tested on iOS and Android.
• Simple usage, include 2 files (css and js) and add literally 2 lines of code.
• requires almost NO change on existing HTML sites.

The post Advanced Off Screen Menu with jQuery & CSS3 appeared first on jQuery Rain.

by Admin via jQuery Rain

jQuery faceted Taxonomy Browser

The jquery faceted taxonomy browser is a simple and intuitive design pattern for browsing hierarchical facets. It is based on a concept called ‘Miller Columns’. If you use the Mac OSX Finder application you can see this feature in action.

The post jQuery faceted Taxonomy Browser appeared first on jQuery Rain.

by Admin via jQuery Rain

Content Is No Longer The King, Now It's Moments That Matter - #Infographic

Did you know that, almost 6 in 10 of internet users only use 2 - 3 trusted websites for their content discovery and purchasing purposes, and that 5 in 10 of consumers expect a web page to load in 2 seconds or less, while they spend maximum 15 second on that web page.

Consumers are living for the moment because time is an increasingly precious resource. The same applies to marketers who are trying to tap into those consumer moments as they happen. And this content marketing crunch is a significant impediment to delivering the essential instant digital gratification that today’s consumers demand.

This infographic, created by Zmags, illustrates 15 stats that explore marketing through the lens of instant online gratification.

Click image to enlarge.

Click image to view a larger version.

by Irfan Ahmad via Digital Information World

COMMENT

COMMENT is a high end agency specialized in architectural conception and integration of digitalized audiovisual technologies

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Show us your books, #UpgradeMyLibrary

Web developers, the hottest and easiest competition is on. For the next two weeks, all you have to do is share a photo of your old programming books on either Twitter (use the hashtag #UpgradeMyLibrary) or on Facebook (as a reply to this post). If we deem your library depressingly old, we’ll upgrade your books […]

Continue reading %Show us your books, #UpgradeMyLibrary%

by Jasmine Elias via SitePoint

New eBooks Available for Subscribers