決戦投票

Webデザイン

→ → → Entries ← ← ←
カテゴリー: メニュー 　閲覧数:690　配信日:2016-12-31 17:40


Bottom候補


第1位
・Switchin' Nav

第2位
・jQuery pop menu

Top候補


判別しづらいため、Bottom候補第1位を装着した上で表示してみることにする
・なお、「jQuery pop menu」は捨てがたいため、カスタマイズしてTop候補としても参戦

jQuery pop menu
・思ったよりも良い感じ
・アプリッぽい
・検索窓をどう配置するか、要検討
・現時点で第1位

3D Bold Navigation
・現時点で第2位

レスポンシブ水平メニュー
・上も下も水平ナビを表示すると合わない(クドく感じてしまう)
・現時点で第4位

okayNav
・上も下も水平ナビを表示すると威圧感がある
・現時点で第4位

週間人気ページランキング ／ 5-25 → 5-31
順位 ページタイトル抜粋 アクセス数
1 RGBの種類 ／ ビットカラー | RGB(色) 4
1 鉄道会社毎のカラーコード | カラーコード(色) 4
2 RGB最大値基準 3
2 RGB → HSL | 色変換(色) 3
2 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
3 HTML5で画像ファイル存在判定 | HTML5(HTML) 2
3 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
3 今後について 2
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
3 RGB → HSL 彩度S 計算方式の違い 2
3 HSL → RGB 計算例 Wikipedia ／ HSL 206.6, 89.7, 54.1 → RGB 33, 150, 243 2
3 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 2
3 考え方A.長さの比率で角度６０°を分割 ／ R≧B≧G 2
3 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
3 方式1.色相H0°～360°、輝度L0～100(固定) 2
3 方式1.色相H0°～360°、彩度S0%～100%または0～255、明度V0%～100%または0～255 2
3 カラーコード → RGB ／ 16進数 → 10進数 2
3 RGB → HSL 計算例 最小値基準 ／ RGB 33, 150, 243 → HSL 206.6°, 89.7％, 54.1％ 2
3 font-size | フォント 2
2026/6/1 5:05 更新
指定期間人気ページランキング ／ 2020-5-30 → 2026-5-31
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8942
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4628
3 Design 0 4150
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3801
5 RGBの種類 ／ ビットカラー | RGB(色) 2810
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2792
7 「bgcolor」「background-color」「background」の違い | CSS 2107
8 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2102
9 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 1988
10 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 1895
11 16進数カラーコード ／ 2進数 1891
12 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1724
13 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1705
14 「属性」「プロパティ」「アトリビュート」の違い | CSS 1668
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能(ブラウザ) 1571
16 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1540
17 「東京都」のカラーコード取得は難しい | カラーコード(色) 1454
18 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1399
19 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1254
20 「西武鉄道株式会社」のブランドカラーは、3色(#3366CC、#66CCFF、#33CC66) | 色 1245
2026/6/1 5:05 更新