サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強！drawer slidein menu ドロワーメニュー（スライドインメニュー）でヘッダー固定でき、PCでも動作するjqueryプラグインは、Slidebarsが最強です。 drawer とは引き出しの意味です。 drawer menuとかslidein menuとは、facebookみたいに、メニュートグルボタンを押すと、横からスライドしてメニューが表示されるメニューの動作のことです。 まずはデモをご覧ください。 サンプルページ SlidebarsのいいところiPhone・Android・PCで動作する 動作がなめらか ヘッダー固定できる 左開きも右開きなどいろんな種類のメニューが用意されている 設置が簡単！ 以前ご紹介したDrawer Slide Menu では、ヘッダー固定しようとすると
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
平日はなかなか料理をする時間が取れないという人は、週末などに食材をまとめて調理して冷凍しておくと、平日の料理時間を大幅に節約できます。でも、料理の作り置きだけで週末の時間を潰してしまうのは、せっかくのお休みなのにもったいないですよね。そんなジレンマを解消してくれる、時間を有効に使える冷凍テクニックをマスターしましょう。節約テクのブログ「WiseBread」のライターLinsery Kerl さんは、働くママでもあります。昔は彼女も週末に食事を作り置きしていたのですが、4人の子どもと忙しいスケジュールを抱えて、週末を作り置きのために時間を潰すのは全然良くないと悟ったのです。そこで、彼女は1日たった30分〜1時間で、今までさんざん週末を潰してきた作り置きと、同じ効果が得られる冷凍テクを身につけたのです。 この時間を節約する冷凍テクニックは、今から紹介する5つの食材／メニューに限ったものではあ
「万能ネギ」と呼ばれるくらい、ネギはあらゆる料理に使えて便利です。しかし、1回に使う量が少ない割りに、売られている量は多いので、使い切る前にダメになってしまうこともあります。そんな時は「The One Pot Chef」で紹介していた方法で保存すれば、1ヶ月は保ちます。 ネギを小口切りにし、ジッパー付きのナイロン袋か、キレイに洗って乾燥させた空のペットボトルに入れます（ネギは万能ネギ、長ネギ、わけぎ、何でもOK）。 ネギを入れてきっちりジッパーを閉じるかフタをして、あとは冷凍庫に入れるだけです。これで1ヶ月は使えます。 ジッパー付きの袋よりペットボトルの方がおすすめ。使う時にボトルを振れば、簡単に適量が出てきます。冷凍ネギは数秒で溶けるので解凍する必要はないですし、温かいうどんやそば、みそ汁などに使う時は、そのまま入れるだけでいいです。 しかも、切り落した白い根っこの部分をコップ1杯の水に
以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にするなどすればよいと思います。 それではHTMLからいきます。HTML かなり長くなるのでメニュー1の部分だけ載せています。 <ul id="dropmenu"> <li><a href="#">メニュー1</a> <ul> <li><a href="#">子メニュー</a> <ul> <li><a href="#">孫メニュー</a></li> <li><a href="#">孫メニュー</a>
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
