実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
Web2.0っぽいボタンを作るチュートリアル - ネットサービス研究室
元ネタ:Grass Button Tutorial Paint.NET で Web2.0 っぽいボタンを作ります （１）Drop ShadowのPluginをダウンロードし、インストールする （２）800px×600pxで新規作成 （３）"楕円選択ツール"を使い、SHIFTキーを押しながら400px×400pxの円を作る （４）セカンダリ色に透明をセットする （５）"キャンバス サイズ"を125%で指定し、アンカーを中央に指定することによって円をキャンバスの中央に持ってくる （６）外側を選択し、"選択の切り替え"(Ctrl+I)を行う （７）150px分下に移動させ、DELETEを押す （８）一番上のレイヤに行き、効果＞ノイズ＞中央値 で 半径10 パーセント0 を行う （９）"魔法の杖"を使って外側を選択し、"選択の切り替え"(Ctrl+I)を行う （１０）プライマリ色に白、セカンダリ色
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gitの使い方をステップ毎にわかりやすく教えてくれる『Git Immersion』 | 100SHIKI