CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

2015/12/01 166 users トグルメニュー CSS コピペ www.yukihy.com

2015-12-01 CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 Web制作 jQuery CSS Tweet 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点など... 続きを読む

はてなブログのトップにナビゲーション(カテゴリ)メニューを作る！【カスタマイズ】 - すりゴマ・ドットコム

2014/02/16 65 users ナビゲーション カスタマイズ ゴマ・ドットコム カテゴリ

2014-02-16 はてなブログのトップにナビゲーション(カテゴリ)メニューを作る！【カスタマイズ】 便利ワザ SEO WEBサービス すりゴマです。 今日もいい感じにすり潰していきますね。 photo by kudumomoRSS登録していただいている方は、お気づきかもしれませんが、トップの「ナビゲーションメニュー(グローバルメニューとも言いますかね)」のデザインを変えました。 (・∀・)以前... 続きを読む

ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 | DesignDevelop

2012/08/05 330 users ワイヤーフレーム ローディング ピッ 精度 手段

サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつよ... 続きを読む

ポータルサイトのデザインをする時に意識したこと5つ | Design Color

2012/07/30 598 users ポータルサイト Design Color 備忘録 余白 多用

お久しぶりです！彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとはまた違うので、ポータルサイトのデザインは意外と難しかったです。 これを機に色々と調べたりしてみましたので、学んだことを備忘録として今後のために書き残しておきたいと思います。 もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに... 続きを読む

CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net

2012/04/10 89 users アコーディオン ブレークポイント ドロップダウン net 特定

JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む

モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive - かちびと. net

2011/12/08 201 users Facebook グローバルナビ 備忘録 モバイルサイズ

結構良さそうだったので備忘録。 レスポンシブWebデザイン向け のライブラリです。モバイルの サイズになるとグローバルナビ を横スライド式に切り替える、 というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライド... 続きを読む