jQueryで複数要素の中から最も広い横幅の値を取得する
要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。 WordPress等のCMSであれば、投稿の内容によって幅が変わる...
続きを読む>>
要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。 WordPress等のCMSであれば、投稿の内容によって幅が変わる...
続きを読む>>
仕事やプライベートなどで情報収集する際は、便利で使いやすいお好みのWebブラウザを利用するかと思います。無料でインストールして利用できるWebブラウザのGoogle Chromeは、使いやすいブラウザとしてパソコンに慣れてきた方には人気で利...
続きを読む>>
WordPressでは投稿タイプに用意されたブロックのフィールドの他に、独自にカスタムフィールドを用意して利用していきたいことがあります。多くの方はWordPressのプラグインを使って、手軽にカスタムフィールドを追加していくことでしょう。...
続きを読む>>
:is疑似クラス関数はセレクタのリストを引数として、セレクタのいずれかと一致する要素にスタイルを適応させます。セレクタのリスト化することで、複数のセレクタ指定が短いコードで出来ます。ここでは、同じような擬似クラスの:where疑似クラス関数...
続きを読む>>
マウスカーソルを合わせた時の処理として、PCの表示で有効な:hover擬似クラスを使った効果は、CSSのみで実装することができます。また、スクロール時のアニメーションでしたら、スマートフォンやタブレット端末で効果的です。ここでは、hover...
続きを読む>>
WordPressで構築したWebサイトやブログでは、管理画面から投稿や固定ページにカスタムフィールドを使って情報を設定し、Webページに表示させたりできます。従来のWordPressのカスタムフィールドを使っていってもいいですが、複雑なカ...
続きを読む>>
企業でも個人でも、お問い合わせやイベントの申し込みなどで、自動返信メールを送りたいことがあります。自動返信を実装する場合は、有料または無料のメールシステムを利用したり、Webサイトでは例えばWordPressであれば、メール関連のプラグイン...
続きを読む>>
Web制作でデザインを構築していく中、CSSではCascade Layers「@layer」を使ったスタイルの定義ができるようになりました。@layer規則でCSSの優先順位をレイヤー(層、階層)で管理していくことができます。...
続きを読む>>
Webデザインのレイアウトでは、コンテンツを画面の中央に配置したり左右中央寄せや上下中央寄せなど、要素の配置を調整していくことはよくあります。 CSSで要素の配置を調整する方法としては、Flexbox(フレックスボックス)やGrid Lay...
続きを読む>>
Microsoft OfficeのExcel、Word、PowerPoint、そしてデータベースソフトウェアのAccessなどでは、アプリケーションを起動した時、最近利用したファイルにすぐにアクセスできるよう、「最近使ったアイテム」の一覧表...
続きを読む>>