VS Code コード整形で困った改行位置 PrettierからBeautifyに変更したお話【VS Code】 コーディングのエディターにVS Codeを使っている方、Prettierで自動整形していて意図しない改行位置で困った場合は参考にしてみてください。PrettierからBeautifyに変更した流れを紹介します。 2021.04.17 VS CodeWeb制作
WordPress Google reCAPTCHAでスパム対策 MW WP Formのフォームに導入【Word Press】 Google reCAPTCHAを使ってWord PressプラグインMW WP Formで設置したフォームにスパムへの対策をする方法を紹介します。MW WP Formでフォームを設置されている方はGoogle reCAPTCHAを経由した「reCAPTCHA for MW WP Form」というプラグインでスパム対策ができます。Akismetで迷っている方にもおすすめです。 2021.04.14 WordPressプラグイン
CSS レイアウトシフト(ページ読み込み後のずれ)を回避する方法 レスポンシブ対応で縦横比を維持して要素を可変させる方法を使って、レイアウトシフト(ページ読み込み後のずれ)を回避してユーザーのストレスを軽減するテクニックを紹介します。 2021.04.11 CSS
CSS レスポンシブ対応必須テクニック!比率を維持して可変させる方法 レスポンシブ対応にて必須のCSSで縦横比を維持して要素を可変させる方法を紹介します。基本の画像を可変させる方法や高さが固定できない要素の縦横比を維持して可変させる方法を知ると、CSSで高さ方向にpaddingを%で指定した場合の性質が理解できます。 2021.04.11 CSS
CSS z-indexが効かなかった時に確認するべきこと cssでz-indexをつけたのに効かない。そんな時に確認するべきことと、適切な指定方法を紹介します。z-indexの性質を理解してつまずきを無くしましょう! 2021.04.04 CSS
CSS CSSだけで実現!画像をトリミングする方法はobject-fitが便利 CSSだけで実現できる画像のトリミング方法を紹介します。object-fitで簡単に実現できるモダンブラウザ向けの方法と、IEでもトリミングしたい場合についても紹介しています。 2021.04.02 CSS
CSS キャッシュ削除のお願いをなくそう!CSSが更新されない問題を解決 制作現場で起こる「CSSが更新されない」問題を解決します。CSSのキャッシュを簡単に削除する方法や自動で更新する方法の紹介です。クライアントにキャッシュ削除のお願いをすることをなくしましょう。 2021.03.30 CSS