jQueryで手軽にサクッとシンプルなニュースティッカーを作る
今更なTipsなんですけど、まぁ自分用の 復習的な記事です。カスタマイズしやす いニュースティッカーを作るコードで、 1行でも4行でも画像でも、cssで見た目 をスタイルするだけで少量のコードで 実装する事が出来ます。
チュートリアル
タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル
勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。
jQueryでテーブルの行ごとクリックしてチェックボックスにチェックを入れられるようにする
jQueryでテーブルの行ごとクリックして チェックボックスにチェック出来るよう にするTipsです。ユーザーがデータを 見ながらフォームを送信する際に、分か りやすくしてあげよう、という目的です。 行ごとクリッカブルにする、みた...
Webサイトツアーを手軽に実装出来るクロスブラウザ対応のjQueryプラグイン・Joyride
何度か似たようなの見かけてますが、 サイト内ツアーを実装出来るjQuery プラグイン・Joyrideです。高機能で はありませんが、シンプルでなかなか 使い勝手も悪く無さそうでしたので 少し触ってみました。
お手軽WordPress Tips：記事内やコメント欄内の特定のキーワードを任意のテキストやリンク等に一括置換する
ちょっと久しぶりですけどWordPressの カスタマイズTips記事です。今日はプラ グインを使わず、記事内の特定のキーワ ードに自動で何か加わるようにしようと いう内容。一応簡単なWikiっぽいものも 作れるっちゃ作れます。 ...
iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW
iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト に...
全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル
画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマート...
長いフォームをステップ式にして省スペースに収めるクロスブラウザ対応でシンプルなjQueryプラグイン・BabySteps
使いやすそうだったので備忘録。 フォームをステップ式にして、 コンパクトに収められる、という jQueryプラグイン。シンプルなの でカスタマイズも割りとしやすく、 クロスブラウザでも動作してく れます。
jQueryを使ってWordPressの投稿エディターで、HTML5のタグを一応使えるようにする
さて、今日から3連休ですかね。無関係な 僕は普通に記事書きます。最近、HTML5製 のWebサイトも珍しくないくらい増えてき ました。このブログでも何度もHTML5製の WordPressテーマをご紹介していますが、 投稿時にタグ...
お手軽WordPress Tips：閲覧している記事をその場で削除するボタンを設置する
3連休なので誰得情報です。今日も飽きず にWordPressに関する記事。普通にブログ を運営している方には全く需要がないと 思われますが、コンテンツ次第ではパッと 記事を削除したい場合もあるかもしれま せん。
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll（無限スクロール）機能を加えたサンプル
必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能（スク ロールで次ページを読み込むやつ）が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんと...
CSSのみでマウスオーバー時にリンク先のURLをツールチップで表示させる
cssの小技的な内容です。さほど使う機会は無さそうなんですけど、JavaScriptを使うほどでも無いようなものなのでcssだけでやって見た、みたいな記事。リンクにマウスを乗せるとそのリンク先のURLをツールチップとして表示させます。 ...
お手軽WordPress Tips：記事や投稿内で、別の記事の抜粋やリンク、アイキャッチなどを1つのショートコードで取得出来るようにする
ブログとして使っている場合はあんまり使う機会 がないかもですけど、他の用途でWPを使ってい ると、記事内に他の記事のアイキャッチや抜粋 などを貼りたいときが結構あったりします。そう いったものをショートコードで一括で挿入できる よ...
設定も簡単・軽量(5KB)・シンプルな、Webサイトのフォントサイズを変更できるjQueryプラグイン・Font sizer
なかなか便利かもと思ったのでメモ。よくある、 フォントサイズを変更できるやつなんですけど、 設定が凄く楽で軽量なjQueryプラグインです。 導入も楽なので積極的にうまく入れて行きたい ですねー。正直使ってもらえるか分からない も...
「いいね！」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順
もうどこかで見かけてるとは思いますが、Facebook で「いいね！」するとコンテンツが見えるようになる、 みたいなFacebookページの事をファンゲートという んですが、このファンゲート対応のFacebookページ をWordP...
地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報...
jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin
どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろ...
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも...
WordPressでjQuery本体をCDN等に置き換える際は管理画面に読み込ませないようにする
ちょっと気になったことがあったのでメモがてら ご紹介。WordPressには最初からjQueryが 同梱されており、わざわざ自分で本体をアップ ロードする必要が無いように出来ていますが、 バージョンが最新のものではありません。 そ...
Youtubeでもz-indexが効くようにする「?wmode=transparent」パラメーターをjQueryで自動挿入する
Youtubeは通常z-indexが効かず、Lightboxや ナビゲーションをposition:fixed;させるときは z-indexが効くように?wmode=transparentと いうパラメーターを加えてあげなければなり ...
沿革や年表のようなタイムライン的なコンテンツをスライダーで実装するjQueryプラグイン・ jQuery Timelinr
年表とか沿革とか、そういった時間の流れを 可視化したようなコンテンツをスライダーで 実装できる、というjQueryプラグインのご紹介。 jQuery Timelinrは、コンテンツのスライダー で、テキストで書かれた西暦が連動して ...
お手軽WordPress Tips：プラグインを使わず投稿記事や固定ページの好きな場所に任意のPHPファイルを挿入、実行できるようにする
WordPressで、記事や固定ページの好きな場所で、ショートコードを使って別途用意したPHPファイルを実行できたら便利だと思いませんか？いつもはほとんど需要のないカスタマイズを取り上げているこのお手軽WordPress Tipsのコーナー...