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