Programming主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。ブログを移転しました。Tecuration.comこのサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。この広告は、90日以上更新していないブログに表示しています。ライブラリサイトツアーを実現するJSライブラリに興味を持ったので10個以上を見てみた。Intro.jsがとても良かったので書いておく。外部ライブラリ読み込み不要これとても重要。Bootstrapなり読み込むとやっぱり重くなるし、このライブラリのためだけに読み込むのは何か嫌。Intro.jsは読み込むべきJSとCSSで計10KB(要zip)!いいねー。実装が簡単とてもわかりやすく、実装が簡単。IEにも対応IE8以下にもしっかり対応している(動確はしていないが)。軽量だし、IEにも対応しているし、実装が簡単!初心者にぜひおすすめしたい。Intro.jsの使い方HTMLheadタグ内で読み込むのは以下の2つ。src="intro.js"></script>IE対応させたい場合は、以下も記述しておこう。rel="stylesheet"><![endif]-->bodyタグでは"data-intro"に表示させたい文字を、"data-step"にツアーの順番を指定する。以下マークアップの例。</span></div>JS以下の一行だけ。まじ簡単!introJs().start();いやーこれ使えるな。いうわけで、Webサービスを作る際にサイトツアーを検討する人は参考にしてほしい。縦にやたら長いフォーム画面っていまだによくある。今流行りのフルスクリーンWebデザインを簡単に実装するJSライブ...2013-05-13jQueryでファイルツリーが作れる「dynatree」これはいつか使う機会がありそうということでご紹介。»プロフィールid:akiok_jp主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。月別アーカイブPRはてなブログをはじめよう!akiok_jpさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。