HTMLのTableの内容をソートして並び替えできるようにするjQueryプラグイン tablesorter
HTMLのTABLEで表計算ソフトで出来るようなソートを実装するためのjQueryプラグイン tablesorterの使い方
input要素に簡単に実装することが出来る、電卓・計算機のプラグイン 「jCalculator」
input要素に簡単に実装することが出来る 電卓・計算機を導入するプラグイン、利用にはjQueryも必要。手軽に実装できるので、飾り的に使ってみるのも有りかと思う
WEBサイトの背景いっぱいに、YOUTUBEの動画を流すjQueryプラグイン 『jQuery tubular』
ホームページ等のWEBサイトの背景をYOUTUBEを使って動画にする方法。jQueryとプラグインを使うことで、簡単に導入することが可能。またYOUTUBEからの配信なので転送量を気にする必要がない
要素を綺麗にブロック・レンガ状に並べてくれるjQueryプラグイン 『Masonry』
jQueryのプラグインで、自動的に要素を綺麗に整列してくれるプラグインです。 記事一覧や画像一覧等によく使われます。すべてが同じサイズの場合はCSSだけでなんとかなるんですが、そうは行かないケースも多々有ります。そんな […]
jQueryのscrollとscrollTOPを使って一定量をスクロールしたら実行するコードの例
ナビゲーションがすぐに付いてくるのではなく、ある一定量をスクロールしたら付いてくるタイプのナビゲーションがありますよね、あのようなものを実装するのにjQueryを使えば簡単に出来てしまいます […]
jQueryでHTML要素にある属性を removeAttr()を使って消す方法
あまりHTMLにある属性 style=””やwidth、height、等々を消す機会ってあまりないと負います 逆に付け足すってことは多いと思います。もしくは付けたり消したりをtogglecalss […]
自動で近い色を選んでくれるカラーピッカーをウェブに実装出来るコード 『Color Wheel picker similar to Kuler』
丸いサークルのところは画像を使用しています サークルにある、中心になる点をクリックしたまま動かすことで色の選択をします
jQueryプラグインでレスポンシブなリキッドな画面サイズに合わせて文字のサイズを変えれるプラグイン 『FitText』
HTMLの要素とか、画像のサイズとかリキッドに変化出来るのに なんで文字サイズは変化できないんだろう？ なんていうのはWEB制作をしていると思うことですが jQueryのプラグイン 「FitText」 を使うと、親要素の […]
jQueryで作られた付いてくるサイド・カートメニュー(プラグイン不要) Fixing the cart on scroll
スティッキー系のプラグインんを使わずに、jQueryだけで付いてくるメニューを作ったものです プラグインの用に、クラス名やidを指定するだけで動作するようにはなりませんが コード自体が短く軽量なので少しでも、ファイルサイズを下げたいときに参考になるかと思います
ARCTEXT.JSを使ったレトロ感のあるタイポグラフィ Vintage Typography
jQueryのプラグイン ARCTEXT.JSを使って、文字にカーブをかけています ワインのラベルとかのデザインをイメージさせますね
アニーション付きで画像を遅れて読み込ませるプラグイン BttrLazyLoading
26種もアニーションがあり、ただ画像を送れて表示させるだけでは面白く無いなーって方は使ってみたはいかがでしょうか？
暗闇の中、懐中電灯で紙を照らしているかのようなWEBサイトのアイディア
マウスポインターがライトとなってページを照らすアイディア 通常のWEBサイトでこんなことされたら、たまったもんじゃないんですが遊びとしてはとてもおもしろいです 電気のスイッチなんかを作って、全体を明るくするなんて工夫を加 […]
スマホ・タブレットに適したレスポンシブなドロップダウンメニュー
画面の幅によって自動で変形するメニューです スマホやタブレットにも最適なデザインに変動します Treehouse Contest – Responsive Nav 3段階で表示が変わります 第一 […]
jQueryで別ドメインのiframe内の変更ができない、クロスドメインの問題
jQueryを使って外部のHTMLを呼び出すiframe内のタグを変更したり書き加えたり一切できない現象は、javascriptのセキュリティで制限されて利用できないとの事です ページのドメインとiframeで読み込んだ […]
スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法（ドグルボタン化）
jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタ […]
jQueryを使ってクリックでタグ（要素）を削除する色々なパターン
jQueryで簡単に要素を削除する方法 jQueryの.click(function)でタグがクリックされた時に色々な動作を与えることが出来ます Webサイトに色々なアクションを付けるのがこれで簡単になります 今回は色々 […]
画像がスクロールで表示されてから、読み込んで表示するWordPressの軽量版lazyプラグイン Unveil Lazy Load
WordPressのプラグインで画面に写っていない画像を後から読み込むことで、表示速度の改善になるlazyプラグインはいくつかありますが、軽量版のlazyプラグインUnveil Lazy Loadストレス無く使えます & […]
bxSliderでウィンドウ幅によって表示領域を変更し、スライド内の数を変更する
bxSliderを使っていて レスポンシブなサイトに対応させるために、ちょっと表示の方式を変えてやりたかったので ウィンドウ幅によって表示方式を変更する方法です bxSliderでウィンドウ幅によって表示の […]
Google Analyticsでダウンロード数のカウントのためにイベントトラッキングをjQueryで自動で挿入する
google Analyticsを使ってダウンロードリンクをイベントトラッキングすることで ダウンロード数の把握等に使えますが、一つ一つaタグにコードを挿入するのはとても面倒ですしタグが長くなっちゃいますので、対象のaタ […]
ページ移動の時に、フェードイン フェードアウトの処理を導入するときにやったこと
新しいWEBサイト作成の時に、ページ移動の際にフェード処理をjQueryで行いました そこで一つ問題がでました、ダウンロードリンクをクリックしたときにフェードアウトしたままで何も表示されないようになって、戻るのボタンも使 […]
