【Photoshop】カーニングする方法
特定の2文字間のスペースを整える「カーニング」のやり方について。 例えばこちらのテキストの「！」の前のスペースを詰めたいと思います。 やり方としては、まず「！」の前にカーソルを合わせます。 そしてMacだったらoptio…
【CSS】ブログリストの高さを揃える方法
完成形はこちら。 See the Pen Untitled by ゆーじろー (@yuji64) on CodePen. 親要素に対してdisplay: flex;を指定してボックスの高さを揃える。 そしてアイテムに対し…
【CSS】ボックスの枠線をずらして二重線にする方法
完成形はこちら。 See the Pen Untitled by ゆーじろー (@yuji64) on CodePen. 擬似要素を使ってずらした枠線を作ることができます。 あとz-indexで重なり順を指定しておかない…
WordPressのプラグイン「Contact Form 7」で自動生成されるPタグやbrタグを消す方法
functions.phpに以下のコードを追加して更新。 add_filter(‘wpcf7_autop_or_not’, ‘wpcf7_autop_return_false’); function wpcf7_auto…
【CSS】擬似要素で背景にドット線とストライプ線を実装する方法
See the Pen Untitled by ゆーじろー (@yuji64) on CodePen.
【jQuery】inputタグをチェックしたらボタンが有効化になる実装
今回は、「inputタグをチェックしたらボタンが有効化になる実装」についてまとめました。 【jQuery】inputタグをチェックしたらボタンが有効化になる実装 完成形はこちら。 See the Pen Untitled…
【CSS】PCとスマホ両方の端末で背景を固定にする方法
今回は、「PCとスマホ両方の端末で背景を固定にする方法」についてまとめました。 よく出る実装なので、是非理解しておきたいところですね。 background-attachment: fixedだとスマホの時に固定されない…
【CSS】ファーストビュー画像だけ中央に配置する方法
先日の案件でファーストビュー画像だけ中央に配置するレイアウトを実装をして今後も出てきそうだったので、今回ブログにまとめることにしました。 【CSS】ファーストビュー画像だけ中央に配置する方法 デモサイトはこちら。 See…