jQueryに関するrk8549のブックマーク (3)

  • http://chibinowa.net/note/js/fixedheader.html

    http://chibinowa.net/note/js/fixedheader.html
  • jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法

    可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる|Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法|Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー|Webpark とい

    jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
    rk8549
    rk8549 2017/02/07
    要素が可視範囲になると動作するアニメーション効果
  • 手軽にイケてるグラフを作れるWEBサービスいろいろ

    Googleドライブのスプレッドシート Googleドライブ エクセルを使う要領で、手軽にグラフが作れます。 作成できるクラスは、線グラフ、面グラフ、縦棒グラフ、横棒グラフ、散布図、円グラフ、ジオチャート(地図付きグラフ)、トレンドグラフ、ローソク足チャート、ゲージ図、組織図、ツリーマップ、モーショングラフ、タイムライン、スパークライン、テーブル(表)などなど様々な図表が作れます。 スプレッドシートの場合は、次のような画像に書き出すことも手軽にできますし、 以下のような、インタラクティブなグラフを直接サイトに埋め込むこともできます。 infogr.am infogr.am 単なるグラフの他にも、インフォグラフィックなども作成できるWEBサービス。グラフの種類も多岐にわたり、サイトに埋め込み表示することで、インタラクティブなグラフを作ることができます。 作成できる図表は、インフォグラフィック

    手軽にイケてるグラフを作れるWEBサービスいろいろ
  • 1