Web制作 CSSでtableの空のセルに斜線を引く
空のセルに対して斜線を引きたい場合、table td:emptyセレクタとCSSのグラデーション機能（linear-gradient）を利用すると便利です。
html
Web制作 
Web制作 【jQuery】slick.jsに一時停止機能をつける
slick.jsを一時停止できるようにします。最低限しか書いていないのでお好みで変更してください。
Web制作 【HTML・CSS・JavaScript】aタグのリンクを無効にする
aタグのリンクを無効にしたい場合の、HTML・CSS・JavaScriptそれぞれの方法です。
単にリンクを無効にしたいだけであれば、href属性を外してtabindex="-1"を付けるのが最もシンプルで、デメリットもありません。
Web制作 PHPでcanonicalを自動生成する
canonical（カノニカル）を適切に設定することでURLを正規化することができます。しかし、手動で設定するとなると手間がかかるので、PHPで動的に出力してみます。
Web制作 【Swiper】ズームしながらフェードで切り替わるスライダーを実装する
JavaScriptライブラリ「Swiper」を使って、ズームしながらフェードで切り替わるスライダーを実装します。
Web制作 【CSS】モーダルウインドウ実装時に後ろの要素がスクロールするのを防ぐ （スクロール連鎖防止）
モーダルウインドウなどposition: fixedでスクロール可能な要素を固定して配置した場合、要素の下部の境界に到達するとブラウザは次にbody要素をスクロールし始めてしまいます。
「overscroll-behavior」にcontainまたはnoneを指定することで、スクロール連鎖を止める事ができます。
Web制作 サブディレクトリ配下をドキュメントルートとして読むように設定する
サブディレクトリ自身をドキュメントルートとして使用できるよう設定し、テスト→本番へそのままファイルをアップすることができるようにしていきます。
Web制作 【HTML】em・i・strong・mark・bタグの違い
テキストを強調する要素として「em」「i」「strong」「mark」「b」などがありますが、使い分けの判断に迷うことがあるので各要素の違いをまとめてみました。
Web制作 【CSSのみ】details要素とsummary要素でアコーディオンを作る
よくある質問ページやQ&A等の詳細でよく使うアコーディオンを実装する際、JavaScript（jQueryを含む）をはじめ色々な実装方法がありますが、今回はdetails要素とsummary要素を使用してCSSのみで作る方法をご紹介します。