background preloader

Simple YouTube Menu Effect

Simple YouTube Menu Effect

http://tympanus.net/Tutorials/YouTubeLeftSideMenu/

Related:  CSS DesignWorkaholicsNavigation

Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin - Iceweasel iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: <label><input type="checkbox" name="quux[1]" disabled> Foo </label><label for="baz[1]">Bar</label><input type="radio" name="quux[2]" id="baz[1]" checked><label for="baz[2]">Bar</label><input type="radio" name="quux[2]" id="baz[2]"> With default options you'll get nearly this: Portfolio Zoom Slider with jQuery This demo shows the integration of a tiny jQuery slider with the jQuery Fancybox Plugin and the Cloud Zoom Plugin. You can navigate through the thumbnails and see a zoomed version when you hover over them. When clicked, the full image is shown using the Fancybox Plugin. Hover to zoom, click to view Quickly create any type of web form with our easy to use drag and drop form builder. Seamlessly create HTML forms and embed them on your website or use style templates to match your color, logo and overall look and feel.

CSS Tooltips - CSSPortal CSS Tooltips Have you ever wanted to create toolips with just CSS code? Like many people the answer is yes. Select2 3.3.2 - Iceweasel Gets or sets the selection. If the value parameter is not specified, the id attribute of the currently selected element is returned. If the value parameter is specified it will become the current selection.

The 10 Commandments of Good Form Design on the Web – Mono 1. Thou shalt provide clear, always visible labels for each field There is a trend in web design to show form labels only when a field is focussed. Creating Different CSS3 Box Shadows Effects - Iceweasel In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS. View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box Shadow Create an Art Brush in Illustrator ~ Creative Market Blog If you've ever used art brushes in Adobe Illustrator, you know first-hand how they can be used to easily transform vector artwork into something that looks charmingly handmade. In this display shot of my product, The Brush Studio, handmade chalk brushes are applied to borders, ornaments, and stroke-editable text. An art brush applies vector artwork to a path or shape in Illustrator. Adobe Illustrator comes with many different libraries of art brushes, including pencil, ink, and chalk. Additionally, you can find loads of fantastic art brushes on Creative Market (such as the Brush Studio), which you can install in Illustrator. Today, I'm going to take you into my brush creation process, so you can learn how to create your own unique art brushes from scratch.

VeloSport, Cleethorpes, UK - Specialized, Trek, Focus & Genesis Bikes & Cycle Accessories Parts & Accessories We've everything you need Helmets, Clothing & Footwear For all your cycle clothing needs Latest Offers Sale & reduced itemsmore offers available instore 3D Book Showcase - Iceweasel Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream. Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Pacific cod.

ScrollMagic ♥ Demo ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements). toggle CSS classes of elements on and off based on scroll position. effortlessly add parallax effects to your website. create an infinitely scrolling page (ajax load of additional content). add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. Download your copy now in form of a ZIP Package or visit the GitHub project page to find out about other sources. To learn more about ScrollMagic check out the the examples and read the documentation. About

A JavaScript library for building user interfaces A Simple Component React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

Fullscreen Pageflip Layout with BookBlock - Iceweasel Table of Contents ← Previous Demo: Responsive Audio Player Back to the Codrops Article Self-destruction

Related: