こんにちは。前回から引き続き、 JavaScriptによるUIを実装する方法を紹介していきます。 基本のタブメニュー ウェブアプリでよく使われるインタフェースのひとつ、 タブメニューを実装してみましょう。まず、 骨組みとなる基本のHTMLは以下のとおりです。

Windowsアプリケーション上でテキストや画像を選択して右クリックすると、選択した対象に応じたメニュー（コンテキストメニュー）が表示されます。必要な機能をすぐに選択できるので、メニューバーに並んだ膨大なメニューの中から選ぶのに比べて効率的 ...

ここでの動作・検証環境は次のとおり。 OS: Mac OS X 10.6.2, Windows XP SP3, Windows 7 Webブラウザ: 別表を参照 Webブラウザ バージョン OS Safari 4 Mac OS X Firefox 3.6 Mac OS X Chrome 5.0.307.11 beta Mac OS X Chrome 4.0.249.89 Windows 7 ...

トグル式のオフキャンバス・マルチレベル・ナビゲーションを作成するJavaScriptライブラリで、サブメニュー要素の無限の入れ子を可能にし、スワイプ・ジェスチャー、キーボード・インタラクション、ARIA属性をサポートします。 - komiyamma/fork_site_hc_offcanvas_nav_menu ...

アコーディオンメニューの続きです！！ アコーディオンメニューについて関連記事は下記をぜひ見てください。 まずは今回やっていくことの確認。 主な動作としては 「＋」ボタンをクリックしたら「メニューを開く」(＋→×に変化) 「×」ボタンを ...

JavaScriptを使わず、CSS3で作るクールな多段メニュー WebDesignerWallにおいてCSS3を利用した、MacOSのような多段メニュー(Mac-like multi-level dropdown menu)を作成する方法が公開された(マイコミジャーナルのニュース記事 - CSS3で綺麗なドロップダウンメニューを作る方法)。

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...