Elastislide Revised | Codrops
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified. We’ve updated Elastislide, the responsive image carousel. It has undergone some major changes with some improvements and we’ve added some new functionality. Take a look at the original article to see how to use it and what opt
Slit Slider Revised | Codrops
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be “cut open” into two slices and moved away, revealing the next or previous slide. The slider can be used in a responsive context and it has been updated and improved. We have updated the Slit Slider tutorial, fixed some issues and made the slider responsive. Check out the original tutorial to find out more
Webブラウザ上でビジュアル的にスライドを作成する·Impressionist MOONGIFT
Impressionistはimpress.jsを使ったスライドをビジュアル的に作成できるスライド作成ツールです。 HTMLベースのスライドツールが多くなっていますが、大抵はテキストエディタを使ってソースコードを直接記述します。慣れている人ならば問題ないでしょうが、やはり直感的にグラフィカルな操作をしたいと思う人も多いはず。そこで使ってみて欲しいのがImpressionistです。 トップページです。早速スライドを作成してみます。 作成画面です。左にスライドの一覧。右側がスライドの内容です。 文字を書いてみます。 こんな感じでその場で文字編集できます。 文字の回転もできます。 テキストカラーの変更もできます。 画像を貼る場合はURLを指定します。 保存もできます（おそらくローカルストレージに保存）。 保存しておけば後で呼び出しも簡単です。 スライドの一覧です。 出力するとちょっと残念な感じ
スムーズなアニメーションが格好いい、埋め込み型プレゼンテーション·Presenteer.js MOONGIFT
Presenteer.jsはページ内の一部をクリックで動作するプレゼンテーションにするライブラリです。 Web上で動くスライドライブラリは多数あります。大抵プレゼンテーションを前提に大画面で表示されるものですが、Presenteer.jsはちょっと違います。Webサイト内に埋め込んでサービスを紹介したりするのに使えるプレゼンテーションライブラリです。 この中央部、水色の部分がプレゼンテーション部です。 クリックで内容が切り替わりますが、そのダイナミックな動きが目を引きます。 こんな感じで文字のローテーションも可能です。 スライダー風にも使えます。 デモ動画です。格好いい動きが分かるかと思います。 Presenteer.jsの魅力は何と言ってもスムーズなアニメーションにあると言えるでしょう。クリックするたびに異なるアニメーションが起こるので目を奪われます。テキスト主体のプレゼンテーションにな
タブレット、スマートフォンでの写真閲覧に使える無限スクロールビュー·Inflickity MOONGIFT
Inflickityは写真群の左右をつなげて無限に左右へスクロールできるようにするJavaScriptライブラリです。 写真は見せ方次第でインパクトが大きく変わりますが、10程度の写真をスムーズに見せる際に使えそうなのがInflickityです。 二つの帯が表示されています。 マウスでドラッグして左右に動かせます。 二つの帯は独立して動きます。 スマートフォンやタブレットの方が動きがスムーズです。 デモ動画です。動かした後に惰性が残ります。 Inflickityはリストでまとめた画像を横並べにして、その上で左右をつないでロールできるようにします。繋がっているので限界なく回転できます。お勧め写真を並べたりするのに使えそうです。何より猫が良いです。 InflickityはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIF
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support features required by impress.js, so are presented with simplified version of this presentation. For the best experience please use latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSのウェブフレームワークで高速なルーターを実装する方法
Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~