ページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。 ページ内の見出しを使ってナビゲーションを作成します。現在閲覧中の見出しにもスタイルを当てられますのでユーザーに分かりやすいナビゲーションを作成出来そうですね。 長いページにはページ内ナビゲーションがあると便利。ドキュメントや規約など冗長化しやすいコンテンツと相性良さそうです。 $(document).ready( function() { $(".page_container").jumpto({ firstLevel: "> h2", secondLevel: "> h3" }); });リンクとして取り出す要素は上記のように指定します。ネストも可能ですが2段階層までの対応のようです。 シンプルなので手軽に使えそうですね。詳細は以下よ
Movable Typeに独自オブジェクトを追加する方法を紹介します。 また追加したオブジェクトのデータをテンプレートタグで表示する方法もあわせて紹介します。 1.プラグインの構成 ここではサンプルとして、「Event」というプラグインを作り、Eventプラグインの中でイベント用データを保存するための「mt_event」というテーブルを定義します。 単純に独自テーブルを追加するのみで、独自テーブルの編集画面等は実装しません。 Eventプラグインのファイル構成は次のようになります。 plugins └ Event ├ config.yaml └ lib └ MT └ Event.pm config.yamlはプラグインの定義ファイル、Event.pmはテーブルの定義を行うPerlモジュールになります。 2.定義ファイル Eventラグインの定義ファイルconfig.yamlに次の内容を設定
幅780pxで表示 CircleTypeの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト、Lettering.jsを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/lettering.js"></script> <script type="text/javascript" src="js/circletype.min.js"></script> FitText.jsを併用すると、表示サイズに合わせてテキストのサイズを変更することもできます。 Step 2: HTML HTMLはシンプル
プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。
Can you recall where you heard the term “flora and fauna”? Yes in your junior school geography class. Flora and fauna refers to plants and wildlife of a particular region or time. So when we say something like “the flora and fauna of northern Ireland” we mean what kinds of plants and what kinds of animals are found in northern parts of Ireland. Both these words have their roots in Latin. The word
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く