アクティブなメニューに自動でclassを付加する :: Lunatic-Code
グローバルメニューやサイドバーなんかで、 現在のページを示すために色を変える、なんて事をしたりしますが、 毎回これをどうやって楽にすべぇ、とか思ってました。 1ページ1ページに手作業でつけてくのも面倒だし、 ページが多くなればミスも増えそうです。 何よりこんな単純作業に時間を費やすぐらいなら、 お気に入りの音楽聴きながらコーヒー飲んでタバコ吹かしてるほうが100倍有意義ってもんです。 なので、アクティブなメニューにclassを付加するJavascriptを作ってみました。 考え方としては、ページ内のリンク先と、自ページとのアドレスを比較、 一致するならばクラスを付加って感じです。 大抵こういったメニューはリストなどで記述してると思うので、 今回はaタグに直接クラスをつけるのではなく、 親要素に対してクラスを付加してます。 まずはグローバルメニュー用 // グローバルメニュ
jQueryでリストをリンクに変える方法 - ひがやすを技術ブログ
こんな感じのリストがあったとします。 <ul> <li>http://www.google.co.jp</li> <li>http://www.yahoo.co.jp</li> </ul>もちろん、リストをクリックしてもなにもおきません。これをjQueryを使って、リンクに変えてみましょう。 each()とwrapInner()を組み合わせます。 <html> <head> <title>sample08</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $("li").each(function(i){ $(this).wrapInner( "<a href=\"" + $(this).text() + "\"></a
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
いろいろなサイトのナビゲーションを集めた -Navigation Design Showcase
Navigation Design Showcase Navigation Design Showcaseは現在49個登録されており、Elements of Designには他にもウェブサイトでよく使うエレメントのデザインが収集されています。 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 打ち出しエリアのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 フッタのデザイン集 アイコンのデザイン集 画像のキャプションのデザイン集 ログインフォームのデザイン集 ナビゲーションのデザイン集 価格表のデザイン集 登録フォームのデザイン集 引用箇所のデザイン集 検索フォームのデザイン集 見出しのデザイン集
著名ソーシャルメディアが使っているアルゴリズムを大公開！ | Moz - SEOとインバウンドマーケティングの実践情報
“アルゴリズム”は、もっとも非人間的なものの代表だともいえる。ソーシャルメディアにとって、そのアルゴリズムが不可欠だというのは、実に皮肉めいている。 僕はこの間、グーグルがどうやってユーザーデータを集めているかについて書いた記事を掲載した（前編、後編）。今回は、著名なソーシャルメディアサイトが、ユーザーデータを活用する上でどのようにアルゴリズムを用いているのか、白日の下にさらそう。 ソーシャルメディアを成り立たせているのは人間の力だが、ユーザーが入力したデータを利用できる状態にする仕組みは、アルゴリズムによって作られている。現在活動している無数のソーシャルメディアサイトで実証済みのことだが、ユーザーの関与とアルゴリズムによる処理ルールの上手いバランスを見出すことは、とても難しくなりがちだ。これから紹介するアルゴリズムは、悪意のないユーザーと結びついて初めてうまくいくものだ。 人気ソーシャル
米MS、Windows用フォルダ同期ツール「SyncToy 2.0」を無償公開 | パソコン | マイコミジャーナル
フォルダの同期に便利なWindows用フリーウェア「SyncToy v2.0」 米Microsoftが、フォルダ同期ツール「SyncToy v2.0」の無償配布を開始した。動作環境はWindows XP / Vista、別途Microsoft .NET Framework v2.0以降が必要。インストーラは、32bit版と64bit版の2種類が用意されている。 SyncToyは、フォルダの内容を同期するWindows用フリーウェア。同期する1対のフォルダ (フォルダペア) を登録しておくと、サブフォルダを含めるかどうか、コピーは片方向か双方向かなど、あらかじめ設定した条件に従い同期処理が実行される。ローカル / ネットワークを問わず利用できるため、ノートPCとデスクトップPCを同期させる目的などに使用できる。 今回のバージョンでは、64bit CPU / システムをサポートしたほか、将来の
大阪湾のアーチ型水門 :: デイリーポータルZ
大阪湾には、高潮から街を守る防潮水門が数多く設置されています。 その中には、日本でここだけにしかない巨大なアーチ型の水門が3門もあって、全国の水門好きが羨望の眼差しを送っています。 水辺の構造物好きとしては外せない物件。前から見てみたいと思っていたので、大阪で用事があったついでに時間を作って、3門とも見てまわってきました。 （萩原 雅紀） 大阪都心の超ローカル線 まずは、難波や道頓堀の繁華街、いわゆる「ミナミ」から1kmくらいの場所にある南海電鉄の汐見橋駅へ。そこから電車に乗って2駅の木津川駅で降りて少し歩いたところにある木津川水門に向かいます。 大阪にはほとんど来たことがないので、地理とか地名とか鉄道路線などについて僕はまったく無知でした。繁華街にある私鉄のターミナルを想像していた汐見橋駅は、目の前を通る都市高速やすぐ近くで賑わう地下鉄駅の周辺とは裏腹に、小さくて薄暗い駅舎にホームが1本
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA