固定ヘッダーメニューjQuery「jquery.exFlexFixed」を使ってみた。
最近はレスポンシブデザインの絡みもあって、 PCサイトで縦に長〜くてスクロールしていくレイアウトとか結構多いのです。 そういうケースでヘッダー部分を上部固定にして、メニューを常に表示させておくようにしたり、 セクションによってサブメニューが現れてメインメニューの下にくっつかせたりさせると ユーザビリティ的によろしい感じだったりするのです。 そこで、「jquery.exFlexFixed」というjqueryプラグインが良さそうだったので、使ってみました。 ダウンロードはこちらから可能です。 デモページ 普通にヘッダー部分が固定するだけだったら、 CSSで「position:fixed」で対応可能なのですが、 問題はサブナビゲーションがページの途中で現れて、一定の領域内ではヘッダーに固定されてほしい時ですよね。 このjquery.exFlexFixed.jsを使用すると、固定されてほしい領域の
ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強！drawer slidein menu
ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強！drawer slidein menu ドロワーメニュー（スライドインメニュー）でヘッダー固定でき、PCでも動作するjqueryプラグインは、Slidebarsが最強です。 drawer とは引き出しの意味です。 drawer menuとかslidein menuとは、facebookみたいに、メニュートグルボタンを押すと、横からスライドしてメニューが表示されるメニューの動作のことです。 まずはデモをご覧ください。 サンプルページ Slidebarsのいいところ iPhone・Android・PCで動作する 動作がなめらか ヘッダー固定できる 左開きも右開きなどいろんな種類のメニューが用意されている 設置が簡単！ 以前ご紹介したDrawer Slide Menu では、ヘッダー固定しようとすると
フラットデザインのブラウザ素材！Chrome/Firefox/Safariのフレームワークセット
PSD形式で作られたブラウザのフレームワークの素材です。 フラットデザインでとてもかわいらしい雰囲気になっています。 ブラウザは3種類今回、ダウンロードできる素材に入っているブラウザは3種類です。 ChromeフラットデザインFirefoxフラットデザインSafariフラットデザインブラウザのフレームワークセットフラットデザインで作られたサイトにブラウザからキャプチャした画像をフレーム付きで載せる時に使えますね。 既存のブラウザフレームを使ってもよいのでしょうが、デザインの統合性を考えると素材もフラットにしたい所です。 ダウンロードはこちらから
#Illustrator 自作スクリプト小物16個 2015秋
キャッチーな機能はないけれど、地味に役立ちそうな小物スクリプトをまとめてアップしました。 それぞれをぼくらのワークフローに沿って、しっかりと記事を書きたかったのですが、強烈にめんどくさくなってしまったので、16個のスクリプトをまとめてかる〜く紹介させていただきますね。 今回のスクリプトは内容が軽めなので、バイナリ化（スクリプトをテキストエディタで編集できない状態）していません。ですのでテキストエディタで開いて自分好みにカスタマイズしちゃってください。 イラレのスクリプト！ アートボード系 Artboard Capture – アートボードキャプチャ アートボードキャプチャ ウェブサイトやアプリの画面をデザインを作る場合、現状の画面デザインにダイアログやドロップダウンメニューのような追加要素を上乗せしていく作業が発生すると思います。デザインカンプとして各画面を書き出すときに、その追加要素が置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Layout Wrapper flat edition free
