単純なパララックス効果を少しのjQueryコードで作る - かちびと.net

2012/08/03 44 users パララックス効果 Fun net Tips レイヤー

シンプルなパララックス効果 を少しのjQueryコードで作る というTips。プラグイン化さ れていますのでレイヤーの追加 も簡単です。 個人的にはあまり見かけなくなった印象のパララックス効果のあるサイトですが、まだ需要はあるみたいです。 今日は単純なパララックス効果のあるコンテンツを少しのjQueryコードで作るTipsです。 Sample マウスに合わせてレイヤーが動きます。 コード (fun... 続きを読む

APIと少しのjQueryコードでGoogle Mapの地図の色を変更する - かちびと.net

2012/05/17 329 users API jQuery net 語弊 地図

Google MapのデザインをjQueryで変更 する為のメモ書き。Google Map APIと jQueryでGoogle Mapの色合いを変更し、 オリジナルのマーカーを付けてみます。 こうする事で、既存デザインに合わせ たGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴ... 続きを読む

簡単なjQueryコードで動く、レスポンシブWebデザイン対応のカルーセルを実装する為の雛形っぽいやつを作成してみる - かちびと. net

2012/02/15 51 users カルーセル jQuery 雛形 レスポンシブWebデザイン

レスポンシブWebデザインに対応できる コンテンツスライダーのようなものの 雛形のようなものが欲しかったので、 自分で作成しました。テンプレなので 他の配布スクリプトのように親切な 設計じゃないですけど・・ レスポンシブWebデザイン対応のjQueryで動くカルーセルを作るための雛形っぽいのを作ってみました。全然大したもんじゃないんですがｗ 最初から小さい画面での表示も考慮しているのでプラグインで... 続きを読む

テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード - かちびと. net

2011/11/30 71 users パララックス効果 雛形 net テキスト div要素

パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボ... 続きを読む

WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする - かちびと. net

2011/11/16 71 users Lightbox風 WordPress net 切欠 少し

WordPressはアップロードした画像を ショートコードで記事内にイメージ ギャラリーとして実装出来る機能が デフォルトで備わっています。ただ、 これが地味に使い勝手がよくないの でもうちょい頑張ってみようかなと。 というわけで誰の役に立つのかわからないシリーズです。切欠はちょっとメール頂いたのと、Webデザインレシピさんの使いづらいWordPressのギャラリーをけっこう使えるギャラリーにする... 続きを読む

簡単なjQueryコードでリストメニューにフィルタリング機能を加える - かちびと.net

2011/08/12 69 users フィルタリング機能 jQuery net フィルタリング 光景

縦長になってしまったリストメニューは非常に 見にくく、使いづらいものです。ECサイトなんか でも頻繁に見かける光景ですが、カテゴリで 分けてもそれはそれで探しにくくなってしまった りと、あっちたてればこっち立たずみたいな経験 は無いでしょうか？あ、無いですか・・ そんな縦長のリストメニューの使いにくさを解消する一つの手としてフィルタリング機能があります。フィルタリングは簡単なjQueryのコードで... 続きを読む

もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法 | THE HAM MEDIA BLOG

2011/06/09 72 users 少量 HTMLテーブル リンク先 方法

ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( funct... 続きを読む

少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net

2011/06/09 351 users HTMLテーブル net クリッカブル jQuery 少し

シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上したいところです。 HTMLのテーブルの列をjQueryでクリッカブルにする事で、ユーザーの利便性を上げられそうです。 動作サンプル 地名 読み方 En 詳細 その他 東京... 続きを読む