任意の要素を3D回転させ、立体的に見せる国産のjQueryプラグイン・TURNBOX.js
任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。
チュートリアル
YoutubeやVimeoの動画を背景に指定できるjQueryプラグイン・OKFocus video
YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.js
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.jsのご紹介。メールやSNSサイトでよく見るやつですね。良さそうだったので備忘録として。
Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグイン・Sheetrock
Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグインのご紹介です。データを手軽にWebサイトに表示出来るのは楽でいいですね。
tableのデータを元に、棒グラフを生成するjQueryプラグイン・TableBarChart
tableのデータから棒グラフを自動生成するスクリプトのご紹介です。jQueryに依存します。手軽で良かったので備忘録として。
Webページのナビゲーションを自動生成する軽量なjQueryプラグイン・jQuery Tocible
ページの見出しを取得して、サイドにナビゲーションを生成する、というスクリプトのご紹介。jQueryに依存しています。
商用でも無料の、合字を利用してアイコンを実装するWebフォント・MONO SOCIAL ICONS FONT
合字を利用してアイコンを表現できるWebフォント・MONO SOCIAL ICONS FONTのご紹介です。Open Font License(OFL)なので商用でも無料で利用する事が出来ます。
WordPressのショートコードで誕生日から現在の年齢を表示させる
現在の案件でご要望いただいたので方法をメモ。ショートコードで現在の年齢を表示させる、という方法です。確かに毎年更新するのは面倒な部分ではありますので自動化出来ると楽ですかね。
WordPressやJavaScript、CSSなどのスニペットを収集しているサイト・wp-mix
スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。
タブやアコーディオン、パララックスなどを実装出来るjQueryベースのUIツールキット・jKit
jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。
WordPressの投稿ページに任意の説明文を挿入する
WordPressの記事投稿ページに、任意の説明文を挿入する、というTipsです。3.5から使用する事が出来るようになったフックを利用しますので3.4では使えません。
WordPressのガラケー変換プラグイン・Ktai Styleでthe_content()内の要素をスタイリングしてみる
スマートフォンサイトのWebデザイン に関する情報の配信が多いですが、 ガラケーサイトの制作需要もまだ健在 ですのでTipsを備忘録も兼ねて書いて みます。WordPressのKtai Styleで the_content()内を...
WordPressのカスタムメニューをショートコードで表示出来る様にする
仕事で必要になったのでメモ。WordPressで作れるカスタムメニューをショートコードで実装出来るようにする、という方法です。やってみて思ったけど結構便利です。
フォームのlabel要素のテキストをjQueryでプレースホルダーにする
フォームのlavel要素をHTML5の placeholder属性にする、という 方法。jQueryを使用します。 フォームが固定されたCMSのスマ フォサイトを作成するにあたり、 省スペース化したいのでこの方法 を使いました。...
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル
今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。
WordPressで、現在閲覧中の記事をその場で削除できるボタンを作る・改
以前書いた記事がWordPress3.4で 動作しないとのコメントを頂いた ので改正版を書きます。あまり 需要は無さそうな気がしていまし たが、意外とあるものなんですね。
jQueryでラジオボタンを旧Diggのラジオボタンっぽくする
speckyboyの記事が参考になった のでメモ書き。ラジオボタンを jQueryで以前のDiggっぽくする という内容です。CSSによるスタ イルも楽に出来るのは魅力ですね。
CSS3のFilter Effectsを使って画像にチルトシフト効果を与えるjQueryプラグイン・tiltShift.js
Webkit系で使えるFilter Effectsを 利用して、画像にチルトシフトっぽい エフェクトを与えられる、という jQueryのプラグインです。非常に 限られたシーンでしか利用できませ んがこういう加工がPs不要で出来る ...
WordPressで任意のカスタム投稿タイプの投稿リストを実装するショートコードを作る
任意のカスタム投稿タイプの 最新の投稿のリストをショート コードで表示させる、という 方法。用途は限られますけど、 いつか使いそうなのでメモ書き。
モーダルウィンドウを表示する際に遠近感を付けるスクリプト・Avgrund
モーダルウィンドウを表示する際に 遠近感を加えて分かりやすくする、 というコンセプトの元、作られた スクリプト・Avgrundのご紹介です。 思いつきませんでしたが、結構いい ですね、これ。
WordPressのパーマリンク設定で、%category%で作られる多階層時のスラッグを親カテゴリのみにする
つい先日悩んだので備忘録。WPのパーマリンク設定です。あまりスマートな方法ではありませんので、推奨しません。他に良い方法があったら教えてくださると嬉しいです。
DOM要素に紙を折ったように見せるエフェクトを実装するスクリプト・oriDomi
DOM要素に折り目のエフェクト を加えるjQueryのプラグイン です。折り紙とDOMをかけてこ のネーミングになったみたい です。使うかどうかは別にして ちょっと面白かった。