bukan sekadar coretan
Swatch Book with CSS3 and jQuery | Codrops A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.
3D THUMBNAIL HOVER EFFECTS Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase. In our examples, we’ll use thumbails that will reveal some more information on…
Percentage Loader A tiny jQuery plugin for displaying progress in a visual and engaging way jQuery.PercentageLoader is a jQuery plugin for displaying a progress widgetin more visually striking way than the ubiquitous horizontal progress bar / textual counter.Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearancewith…
Create a Parallax Scrolling Website Using Stellar.js One of the biggest trends in recent modern web design is use of parallax scrolling effects. In this tutorial I’m going to show you how you can create the effect on your own website, with a bit of imagination and a little help from Stellar.js.
Apple CoverFlow Design with CoverScroll jQuery Plugin Cover Flow is an animated, three dimensional graphical user interface integrated within iTunes, the Macintosh Finder, and other Apple Inc. products for visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs.
EXPERIMENTAL PAGE LAYOUT INSPIRED BY FLIPBOARD Today we want to share an experimental 3D layout with you. It’s inspired by the famous Flipboard app where a seamlessly “normal” page flips like a page in a book when swiped. We’ve tried to re-create that effect using CSS 3D transforms and JavaScript, making a layout that is “flippable” and…
COLLECTIVE #9 Logo Inspiration * Tutorial Craziness * Hip Skeumorphism * Free Social Icons * CSS3 Goodness * Easybook A Pure CSS3 Cycling Slideshow TouchTouch – A Touch Optimized Gallery Plugin No Cookie Law Logo Inspiration from Dribbble CSS3 Structural Pseudo-class Expressions Explained Interactive Menu with CSS3 & jQuery Free Social Icon Pack Skeumorphism and…
DIRECTION-AWARE HOVER EFFECT WITH CSS3 AND JQUERY How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
COLLECTIVE #5 Free Fonts * Managing High Resolution * 3D Awesomeness * CSS Regions * CSS3 and SVG
Codrops COLLECTIVE #4