[B! menu] fugashiのブックマーク

スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。デザイナーのはるえです。もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。ありがとうございます！！そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu

fugashi 2014/06/21

リンク

jQueryでカレントページの要素にclass=”current”を付加する方法 – creamu

fugashi 2014/04/30

リンク

CSS で作るスマートフォン向け片手操作メニュー

ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック（タップ）で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用）で作ってみたので紹介。久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック（タップ）で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用）で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニューサンプル現在最新版の Firefox

fugashi 2012/03/05

リンク

jQuery suckerFish

jQuery » SuckerFish Style Purpose Replicate Suckerfish Menus. Original Code $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).rem

fugashi 2010/09/06

リンク

メニューの現在ページハイライトについて

wordpress2.7.1でオリジナルテーマ作ってます。グローバルメニューを画像で表示（CSS Sprites）してますが、マウスオーバー時と現在いるページをハイライト表示したいと思っています。マウスオーバー時のハイライトはできたのですが、「現在ページのハイライト」ができません。もしかするとものすごい初歩的なことかもしれませんがわかる方いらっしゃったら教えてください。 XHTMLソースはこんな感じです。 <div id=”gnav”> <?php wp_list_pages(‘title_li=&depth=1’); ?> <?php wp_list_cats(”); ?> </div><!– #gnav –> ※「ページ」で作ったのが4つと「投稿」（ブログ）が1つ並びます。 CSSはこんなです。 #gnav li a { text-indent: -10000em; bac

fugashi 2010/04/13

リンク

WordPressのサブページナビゲーションを動的にする方法 at ブログヘラルド

7月 27日 at 6:55 pm by ネイサンライス - WordPress（ワードプレス）のアーキテクチャを深く学ぶと、機能豊富なコンテンツ・マネジメント・システム（CMS）としてのワードプレスの素晴らしさに心の底から感心する。基本的に、ワードプレスはブログのプラットフォームとしてだけでなく、ブログの記事が掲載されているか否かにかかわらず、あらゆるウェブサイトのコンテンツを管理するソフトウェアとしても利用することができる。ワードプレスには「ページ」を使い、比較的静的なコンテンツを保持する機能、そして、これらのページを呼び出し、自分の思いつくままの方法で表示させる機能があるため、そのすべての作業を行うワードプレスのテーマが鍵になる。 CMSとしてワードプレスに欠けている機能を挙げるとしたら、それはサブページシステムを有効に生かす機能を挙げるだろう。利用方法ではなく、実際のウェブサイト

fugashi 2010/04/13

リンク