Web制作の記事

過去に制作した作品を掲載しています。

再利用性の高い画像スライダー-jquery-isystkSlider(プラグイン)

画像スライダー jquery-isystkSlider

作成した背景 Webサイトにスライダーを設置したいというニーズはとても多く必要価値の高いUIとなっています。スライダーを実現するためのプラグインはインターネット上で探すと沢山存在していますが、利用される場面によっては使え […]

かっこいいオーバーレイ-jquery-isystkOverlay(プラグイン)

オーバーレイ jquery-isystkOverlay

作成した背景 オーバーレイ表示をする為のjqueryプラグインは沢山インターネット上に存在してますが、出来るだけシンプルで且つ再利用性の高いものを作成したいと思いました。オーバーレイを表示する際のCSS3アニメーションが […]

Qiitaのようなサイドメニューに見出しを表示するナビゲーション-jquery-stickyNavigator(プラグイン)

Qiitaのようなサイドメニューに見出しを表示するナビゲーション jquery-stickyNavigator

作成した背景 ブログの記事内容が長くなるほど目的の記事を探すのが大変になり、スクロールしながら探すのはユーザーストレスに繋がります。記事中のh2やh3で表示している見出し部分だけをナビゲーションとしてピックアップすること […]

タグの選択に使える絞り込み入力ができるセレクトボックス-jquery-searchbox(プラグイン)

タグの選択に使える絞り込み入力ができるセレクトボックス jquery-searchbox

作成した背景 ユーザーが投稿するフォームで会場を選択するためのセレクトボックスが必要だったのですが選択肢となる会場の種類が非常に多くセレクトボックスから選択させるのはユーザービリティが悪いということになった。 会場名を選 […]

クロスサイト・スクリプティング(XSS)の検証サンプル − XSSカイジ

kaiji

XSSとは 悪意のあるjavascriptコードが入力フォームから登録されると、登録された値が表示されているWebページを閲覧した際にスクリプトコードが実行されてしまいすべてのユーザーが悪意のあるスクリプトコードが実行さ […]