You can easily add image, html formatted texts and video layers over each slide and each layer accepts unique animation parameters like styles, duration, delay, repeat, easing, 2D & 3D transforms, etc.

MultiLevel Push Menuの使い方 アイデアの元となっているのは、こちらのデモ。 MULTI-LEVEL PUSH MENU 実装はより簡単に、オプションも豊富に進化しています。 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="multilevelpushmenu.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.multilevelpushmenu.min.js></script> IE8をサポートする際は、Modernizrを加えます。 <script src="//oss.max

Defaults "Tears of Steel" was realized with crowd-funding by users of the open source 3D creation tool Blender. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. (CC) Blender Foundation - http://www.tearsofsteel.org P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album. Thi

animo.js A powerful little tool for managing CSS animations Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic. August 13th, 2013 by Daniel Raftery You can easily install animo via the GitHub repo or using bower's package manager. Using First and foremost, animo includes the amazing animate.css library by Dan Eden which provides you with nearly 60 be

SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc

This domain may be for sale!

66種類ものスライドが使えるjQueryプラグイン PAGE TRANSITIONSをつかってみた。 http://tympanus.net/Development/PageTransitions/ 非常にクオリティの高いエフェクトが揃っており、 様々なオブジェクトに対して利用できるため、これだけ使ってれば良いのではと思えた。 設置方法は <ul class="dl-submenu"> <li data-animation="1"><a href="#">右から左へスライド</a></li> <li data-animation="2"><a href="#">左から右へスライド</a></li> <li data-animation="3"><a href="#">下から上へスライド</a></li> <li data-animation="4"><a href="#">上から下へスライ

jQuery便利ですよね。Web制作には欠かせないものになってきましたね。 これまでずら〜〜っとコードを書いていたものも jQuery が出てきたことでコンパクトでわかりやすくなり、Webデザイナーでもプログラマーに頼らずに動きのあるサイト作りが可能になりました。 ここではノンプログラマーでもカンタンにコピペベースで実装できるjQuery小技を紹介しているページをまとめています。 Web制作をしていると必ず使用するものばかりですので各ページは要ブクマです！ これだけ大量に小技があれば必要な機能は大体そろうのではないでしょうか？ 少しのコードで実装可能な20のjQuery小技集 http://www.webcreatorbox.com/tech/jquery-tips20/ このページで紹介されている小技一覧 1.マウスオーバーで画像を変更 2.外部リンクを別タブで開く 3.ページトップ

404Page Not FoundGo Back Home

Markup example This example uses all default settings. <a href="#myToggle" class="panel"> <img src="http://placehold.it/470x300/f1f1f1/aaa&text=Example" /> </a> <div id="myToggle" class="cap-overlay hide"> <h5>Cupcakes</h5> <div class="content"> Name: cupcakes.png<br /> Photography: Ryun Shofner<br /> <a href="javascript:void(0)" class="button small"><i class="icon-edit"></i> Edit</a> <a href="jav

1 Include jquery/zepto and jquery.waterfall <script src="js/zepto.js"></script> <script src="js/jquery.waterfall.js"></script>

Todays we are gathered most useful, responsive jQuery Slider Plugins for web and mobile apps, which can fast your work with better and friendly results.  jQuery is a very useful coding language, which works like JavaScript. This light weight JavaScript library is very easy to use and has features which helps you work in a better, quick and more efficient way. jQuery plugins are constantly being re