BlackFlagで紹介しているjQueryとCSS3を使って実装するスライドショーやカルーセル等
Webサイト上でのUI系スクリプトのTIPSをまとめたページになります。
※一覧は随時更新します。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (6)

  • html/css/jquery などのtipsが多彩のサイト | webサイト作成に関する自分メモ | 2013.02.25 19:11

    [...] jQuery/CSS3 TIPS jQuery/CSS3 TIPS [...]

  • きのぴ | 2015.12.04 14:01

    はじめまして、

    パララックスデザインのソースについて探しておりました。

    勉強も兼ねてですが、簡単なLPサイトで使用させていただこうと考えております。

    こういったサイトがあるとすごく助かり、また勉強にもなります。

    ブックマークさせていただき、ちょくちょく拝見させていただければと思います。

    ありがとうございました。

  • BlackFlag | 2015.12.05 9:03

    >きのぴさん
    コメントありがとうございます。

    その様なお言葉をいただけると
    とても嬉しく励みになります。
    ありがとうございます。

    いろいろと紹介させていただいておりますので
    Webサイト制作の際にあれこれお試しいただけると幸いです。

    これからもWeb制作に少しでもお役に立てる情報を
    紹介させていただきますので
    引き続きよろしくお願いします。

  • Leon | 2016.12.13 15:10

    お世話になります。

    いつも使わせてもらっており、大変助かっております。

    一つ要望がありますが、よろしいでしょうか?

    ・経歴のScriptがほしい。
    内容
    ・スクロールするごとに、フェードするような流れ。
    ・文字を横からスワイプ+フェードするような感じ。

    このようなスクリプトはありますでしょうか?

  • BlackFlag | 2016.12.17 10:36

    >Leonさん
    コメントありがとうございます。
    当ブログのスクリプトをご活用いただいている様で
    嬉しく思っております。

    スクロールによってなにかアクションを起こす動作のスクリプトについては
    以下のページで紹介させていただいております。

    ・jQueryでパララックスサイトの様にスクロールして要素が出現した時点でアニメーション等のイベント処理を実行させる実験
    http://black-flag.net/jquery/20140128-4943.html

    上記ページのスクリプトを応用して
    下記のサイトで経歴のような動きをつけています。
    http://www.toyota-ttc.co.jp/history/development.html

    これらの動きの構成について
    参考にしていただくのは如何でしょうか。

    よろしくお願いします。

  • Leon | 2016.12.19 11:09

    コメントありがとうございます。

    > ・jQueryでパララックスサイトの様にスクロールして要素が出現した時点でアニメーション等のイベント処理を実行させる実験
    > http://black-flag.net/jquery/20140128-4943.html
    >
    > 上記ページのスクリプトを応用して
    > 下記のサイトで経歴のような動きをつけています。
    > http://www.toyota-ttc.co.jp/history/development.html
    >
    > これらの動きの構成について
    > 参考にしていただくのは如何でしょうか。

    求めてたのは、上記のトヨタのような雰囲気です。

    よろしくお願いします。







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

jQuery / CSS3 TIPS

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner