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

完全なソースコード、アコーディオンUIの動作デモ、および toggle メソッドの第2引数活用テクニックについては、以下のブログ記事にて公開しています。 【JavaScript】classList.toggleによるクラスの交互切り替えとアコーディオンUIの実装 Webサイトによくある ...

ここでの動作・検証環境は次のとおり。 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 ...

Webアプリケーションの操作性を評価する際、利用者の「思考」と「操作」のラグをどれだけ無くせるかは非常に重要な指標です。 例えば、ダッシュボード上で特定のデータやテキストをマウスで選択した時、利用者は単に文字を反転させたいわけではあり ...