ブログアーカイブ

こんにちは、ウェブラボクリエイターズメモです。   今回は、ダイヤルで回して値を調整できるプラグイン「jQuery Knob」を紹介したいと思います。   早速ですが、このプラグインで何ができるか見てもらうためにいくつかDEMOを用意しましたのでそちらをご確認ください。 →DEMO   このような綺麗なダイヤルの入力欄が作れます…続きを読む

こんにちは、ウェブラボクリエイターズメモです。   今回は、CSSだけでPhotoshopなどで画像を加工したように見せることができるプロパティ「mix-blend-mode」を紹介したいと思います。   まず、このプロパティでどんなことができるか見てもらう為にDEMOを作成しましたのでそちらをご覧ください。 →DEMO   「…続きを読む

ウェブラボクリエイターズメモです。   今回は、制作現場で役立つjavascriptのオススメプラグインについて用途ごとに紹介したいと思います。   javascriptのプラグインはとても多く、どれを使用すればいいか悩んでしまうこともありますよね。 そんな方へ、筆者個人の意見になってしまいますが参考にしていただければと思います。 実際に…続きを読む

こんにちはウェブラボ技術メモです。 jQueryで要素内の末尾にHTMLを挿入したい場合、代表的なappend()メソッドがあります。 しかし、それと似たappendTo()メソッドというものも存在します。 この2つについて、何が違うのか、どう使い分けるのか、またパフォーマンスに大きな差はあるのか調査しました。 構文の違い 例えば下記のような要素において、#…続きを読む

明けましておめでとうございます、ウェブラボクリエイターズメモです。   新年一発目は、サイドバーなどの要素を固定するjQueryプラグイン「jquery.frix.js」を紹介したいと思います。   ただ固定するだけならばCSSで簡単に固定できますが、ウィンドウの高さから固定した要素がはみ出た時に下の要素が見切れてしまうので処理に困ると思…続きを読む

こんにちはウェブラボ技術メモです。 先日Wordpressで生成されるRSSを読み込み一覧表示する作業を行ったのですが、何故かRSSが公開日昇順(古い順)になっており苦労したので、その際の解決策をご紹介します。 今回ご紹介するのはパラメーター付与による並び替えであり、テンプレート編集による根本的な設定ではありませんのでご注意ください。   (ちなみ…続きを読む

こんにちは、クリエイターズメモです。   自サイトにお問い合わせフォームなどを設置している方々、少しでもコンバージョン数を増やしたいと思っていますよね。   今回はそんな方々の助けになれるように、ユーザーの入力の手間を減らしてあげるテクニックを紹介したいと思います。   少し限られた場面になってしまいますが、チェックボックスの自…続きを読む

こんにちはウェブラボ技術メモです。 皆さんは会社などのメールアドレスをなにも考えずウェブサイトにアップしていないでしょうか？この世にはネット上に公開されたメールアドレスを自動的に収集するロボットが存在しており、見つかるとスパムの対象になってしまうかもしれません。 過去の記事「Webサイトでのメールアドレス公開方法」においても、その危険性について紹介しています…続きを読む