以前CreateJSによるコラ画像ジェネレータを作成しましたが、html2canvasというライブラリの使い勝手がよさそうだったので試してみました。 あわせて最近勉強中のVue.jsで入力内容の制御もやってみました。 D...

動的に画像の色を取得して背景や枠線にするような処理を使いたかったため、画像のメインカラー（ドミナントカラーやプライマリーカラーとも言うそうです）を取得するJavascriptライブラリについて調べました。 調べた5つのラ...

遅ればせながらVue.jsを覚えようと思い、ちょっとずつ手を出しはじめました。 ちょっとしたジェネレーターみたいなものでいいので、公開できるものを完成させるまでがんばりたいと思います。 まずはじめに：Vue-cliでBo...

当ブログのサーバをSixCoreからConoHaに移管し、あわせて常時SSLへの対応を行いました（いまさら…）。 メールについてはVPSでの運用が難しそうだったのでSixCoreに残そうとしたところ、DNSまわりの設定が...

Bootstrap4の正式版がリリースされたので試しに使ってみました。 標準でNPM ScriptsによるSassのビルドやJavascriptの圧縮などができるのですが、ついでにできあがったファイルをFTPでアップロー...

Sticky-Kitはスクロールに追従するナビゲーションやサイドバーを簡単に実装できるjQueryプラグインです。 Sticky-Kit 簡単に設置できるのでよく使うのですが、デフォルトで設置するだけだとレスポンシブに対...

Dreamweaver CC2015より、コードビューで画像パスとカラーコードにカーソルを合わせると画像のサムネイルとカラーチップが表示される機能が追加されました。 コードビューでの画像とカラーのプレビュー 一見すると便...

表題の通りですが、backface-visibility: hidden;を指定した要素をtranslate3dでアニメーションさせようとするとIE11以下でうまく動きません。 問題の発生例 問題が起きるコード たとえば...

Dreamweaverで「ソースフォーマットの適用」を実行するとき、アクティブなドキュメント1個ずつにしかできないのがめんどくさいのでコマンドを作りました。 HTMLファイルをまとめて開き、以下で作成したコマンドを実行す...

WordPressによるテキスト投稿サイトを運営しているのですが（Web制作者の（苦笑）とタイケツというサイトです）、SNSでシェアされた時にもうちょっとインパクトを出したいと思い、投稿内容を反映したOGP・Twitte...

slick.jsを使って横幅いっぱい＋前後の画像を半透明にしたスライドを実装しようとしたのですが、きれいに動作させようとすると結構手間がかかってしまいました。 slick.js本体の修正やコールバック関数を使うことでいい...

継ぎ目のない無限スクロールをCSS3アニメーションで簡単に実装するjQueryプラグイン「infiniteslide.js v2」を作成しました。 約4年前に作成した「infiniteslide.js」を刷新したバージョ...