[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー
jQueryとCSS3アニメーションを使った、パララックス対応のコンテンツスライダーを実装するチュートリアルを紹介します。 Parallax Content Slider with CSS3 and jQuery [ad#ad-2] デモ 実装 デモ 一枚のスライドには、h2要素、パラグラフ、リンク、画像が配置されており、それぞれが異なるタイミングでスライドします。 分かりにくいかもしれませんが、背景もアニメーションで動いています。 Kendo UI こちらも当然パララックス対応のコンテンツスライダーです。 こっちの方が背景がはっきりしてるので、その動作を楽しめると思います。 実装 実装は各ポイントとなる箇所を説明します。 HTML スライダーは複数のスライドを含んでおり、それぞれのスライドにh2要素、パラグラフ、リンク、画像を含んでいます。 <div id="da-slider" cla
ソースコードをkindleで読もう
こんにちはtakada-atです。 わたしはkindleユーザーで、毎日通勤電車の中でkindleを使ってます。 持ち歩くのが難しい重い技術書などもkindleなら簡単に持ち運べて、どこでも読めて、しかもどこでも購入できるので大変重宝してます。英語コンテンツ以外が少ないのが難点ですが、勉強と割り切って英語中心に読んでます。 慣れてくると欲がでてきて、「ソースコードもkindleで読みたい！」と考えるようになりました。 ソースコードをkindle用の形式に変換してくれるツールを探したんですが、無かったのでつくってみました。 https://github.com/takada-at/sc2epub ■しくみ epub形式のファイルはxhtmlに、表紙・目次などのメタデータを追加して、zip圧縮したものです。 そこで sc2epub では、ソースコードを PREタグでかこんで、xhtml
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
