jQueryでレスポンシブ対応のフリックスライダー（サムネイル付き）をシンプルに作る方法｜BLACKFLAG
先日ここでレスポンシブ対応のスライドショーの試作品として 「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 」と題して jQueryを使ってのレスポンシブ対応のサムネイル付きクロスフェードスライドショーを 紹介しましたが、操作面に関してフリック操作には対応していなかったので、 メイン部分にフリック動作を追加してみたパターンを試しに作ってみたので紹介してみます。 レスポンシブ動作部分はブラウザ枠を目いっぱいで表示するタイプなので まずは別枠表示で動作サンプルから。。 jQueryでレスポンシブ対応のフリックスライダー（サムネイル付き）をシンプルに作る方法 サンプルでは6枚の画像を自動でスライド切り替えしています。 メインビジュアル部分をフリックすることで左右に移動させることができ 下に並べてあるサムネイルをクリックすることでも メインビジュアル部分を切り
これは凄い！iOS6用のスタイルシートベースの画像編集ソフトウェア·CSS PhotoEditor MOONGIFT
CSS PhotoEditorはiOS6のMobile Safari上で使えるスタイルシートによる画像編集ソフトウェアです。 Webアプリケーションの機能が増すにつれて、徐々にネイティブアプリでしかできないと思われたことがWebブラウザで実現するようになっています。今回はCSSを使った写真編集アプリケーションCSS PhotoEditorを紹介します。 下に並んでいるのが画像編集用機能で、上にあるメーターで調整します。 明るさを調整。 コントラストを強めに。 色合いを変更しました。 ぼかし設定。 セピアに調整。メーターのアイコンが変わっているのも注目です。 透明度調整。 横向き表示にも対応しています。 紹介動画です。 CSS PhotoEditorは9つのフィルタ、水平表示への対応、Ajaxベースのファイル読み込みなど面白い機能がたくさんつまっています。ぜひサイトにアクセスしてその操作性を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
