レスポンシブWebデザインに対応した横メニューの作り方｜Webpark

2014/03/18 379 users Webpark MENU max-width width 横幅

レスポンシブに対応した横メニューを作る機会があったので、せっかくですし作り方を紹介したいと思います。お役に立てばうれしいです。 id名「toggle」の部分は横幅が480px以下の場合に表示するボタンです。481px以上の場合表示させません。その他はごく普通の横メニューです。 CSS 続いてCSSです。まずは全体を載せます。 #menu{ width: 100%; max-width: 960px... 続きを読む

jQuery UIのtoggle()でjQueryのslideToggle()よりカッコよくスライドさせる方法: 小粋空間

2013/04/04 33 users jQuery 小粋空間 jQuery UI とこ 要素

jQuery UIのtoggle()を使って、jQueryのslideToggle()よりカッコよくスライドさせる方法について紹介します。 ある要素をスライドさせながら表示・非表示を行うには、jQueryのslideToggle()（またはslideUp()とslideDown()）がよく知られていると思います。 が、slideToggle()ではコンテンツの動き方に個人的に不満があり、調べたとこ... 続きを読む

iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」:phpspot開発日誌

2012/08/31 35 users iPhone jQueryプラグイン デザイ click 以下

jQuery Toggles - Simon Tabor iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」 次のようなiPhoneっぽいデザインは勿論、独自デザインでも同じようなスイッチを実装できます。 実装コードは以下のように簡単に実装できます。 $('.toggle').toggles({click:$('.clickme')}); こういうデザイ... 続きを読む

Toodledo & Togglの限界、そして…。 [デ] | No Second Life

2012/03/18 10 users Toodledo Toggl 限界 iPhoneアプリ 追跡

皆さんこんばんは。一年半ぶりにiPhoneアプリ「パンダら」をインストールしてみました。立花です。 Pic of the day 日曜の昼下がり。のどかなMention欄♡ Toodledo & Togglの限界、そして…。 タスク管理ツールはToodledoを、そしてタイム・トラッキングツールはToggleを使っている。 どちらも一分単位で管理できるし、プロジェクト名も統一してあるので追跡はでき... 続きを読む

jQuery で要素の CSS のプロパティの値を取得する方法 | ウェブル

2011/02/21 17 users jQuery プロパティ displ find CSS

toggle() で開いた時と閉じた時にそれぞれ別のアクションを実行したい。しかし toggle() にそのような機能はないため、click() 時に要素の display プロパティの値を取得して、それを比較していろいろなアクションを実行することにしました。というわけで特定の CSS プロパティの値を取得するコード。1alert(j$(this).find(".more").css('displ... 続きを読む

べ、便利すぎる・・・jQueryの元ソースコードを読みたいときに使える『jQuery source viewer』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/02/01 360 users jQuery IDEA Older CSS ライフハックブログ

Home > jQuery関連 > べ、便利すぎる・・・jQueryの元ソースコードを読みたいときに使える『jQuery source viewer』 Older あれ、jQueryのこの命令ってどういう風に書かれているだっけな？というときにはげしく使えるツールのご紹介。 jQueryのバージョンと、気になる命令（toggleとか、cssとか）を指定するだけで、jQueryのソースコードの該当する... 続きを読む