[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd
Shepherdの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="shepherd-theme-arrows.css" /> </head> <body> ... <script src="shepherd.min.js"></script> </body> Step 2: HTML HTMLは普通に実装してOKです。 ガイドを表示する要素には、それが指定できるようclassを付与しておきます。 Step 3: JavaScript ガイドを表示するタイミングや内容はスクリプトで記述します。 基本書式は下記のようになり、classesに表示する場所、scrollToで自動スクロールの有無を指定します。 tour = new Shepherd.Tour defa
PDFで校正やりとりをする際に覚えておきたいテクニック【テキスト修正編】
PDFで校正やりとりをする際に覚えておきたいテクニック【テキスト修正編】：ビジネスの悩みを解決するPDFドリル（1/3 ページ） Acrobatを使えば、書類を印刷することなく画面上で手軽に校正ができる。今回はテキストの挿入や置換、取り消しなど具体的な修正を指示する際に便利な注釈ツールを紹介する。 かつては紙の上で行われていた文書の校正作業も、今やAcrobatやWordを用いたワークフローへと移行しつつある。校正作業をデジタルツールで行う利点は、複数のメンバーに簡単に依頼できることや、返ってきた指示を取りまとめやすいこと、さらに対応が完了したものからチェックを入れて消しこんでいくことで見落としが起こりにくいことにある。紙に印刷する必要がないため、ペーパーレスの観点でも効果は大きい。 もっとも、Acrobatで校正ができることを知ってはいるもののツールの使い方がよく分からないが故に、これま
フォームでユーザーにヘルプをツールチップで実装するjQueryプラグイン・jQuery FormHelp
割と需要ありそうなので備忘録ついでにご紹介。ツールチップで実装する、テキストのフォームヘルパーです。「こういう具合に入力してね」みたいなのを明示するやつ。 フォームのそれぞれの項目にヘルプを作るスクリプトです。マウスホバーやフォーカスでツールチップを出す、というもの。プラグインで実装するほどのものでも無いかもですけど、これはこれで楽そう。 動作サンプルです。HTMLを普通にマークアップするだけで自由にツールチップ内に実装できるのは楽ですね。 コード 本体とプラグインを読み込みます。 $.formHelp();コールします。 <input id="input-email" type="email"/> <span class="helptext" data-for="#input-email"> <p>ここにツールチップ</p> <hr> HTMLが自由に使えます <ul> <li>One<
Webサイトツアーを可愛い吹き出しで実装するjQueryプラグイン・Crumble
注目させたい箇所に順々に吹き出し を表示させるWebサイトのツアー コンテンツを実装するjQueryのプ ラグイン・Crumbleのご紹介です。 可愛いデザインでこのままでも使え そうです。 ツアーコンテンツを実装するスクリプト。jQueryを使用します。 吹き出しをクリックすると次の吹き出しが表示されます。かわいい。 尚、吹き出しはgrumble.jsが使われていますので同時に読み込む必要があります。 <ol id="foo" style="display:none;"> <li data-target="span">吹き出し その1</li> <li data-target=".foo">吹き出し その2</li> <li data-target="b" data-angle="190" data-options="distance:10">吹き出し その3</li> </ol>表示さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
