Web Web制作

当ブログのサーバを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」を刷新したバージョ...

.css()や.attr()などjQueryではおなじみのメソッドですが、引数に関数を使うことができ、その返り値を値として設定できることを知りました。jQuery1.4からの機能らしく…今更すぎますが(;´∀`) 実際に...

jQueryでのnextAll()・prevAll()・nextUntil()のような処理をCSSのみで実現できないかと思い、考えてみました。 ちなみに:jQueryでのnextAll()・prevAll()・nextU...

パーマリンクを変更した際に 1.元のスラッグを「%post_name%」にしていて 2.タイトルを日本語で長くつける傾向があり 3.はてブのようなURLを改変されるサービスからのアクセスを維持したい というとても限定的な...

AD