Web– category –

WordPress Popular Postsプラグインを利用した際に、ブラウザのコンソールに表示されるメッセージが消せなくて困って調べたのでその時のメモです（2024年4月時点） ※結論だけ言うと wp-config.phpで define("WP_DEBUG", false); してください。 https://wo...

通常の埋め込み GoogleMapのページから[共有]→[地図を埋め込む]→[HTMLをコピー]で取得したiframeのコードを埋め込む場合 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6481.333372110915!2d139.7477827333761!3d35.68520835826...

JavaScriptのレスポンシブ対応には、MediaQueryList（window.matchMedia）を使って書くのが好きなのですが、様々な処理をレスポンシブ切り替えする場合、以下を毎回JavaScript内のいろいろなところで書くのは長い……。 const mql = window.matchMedia("(max...

クラシックブロック（core/freeform）に入力されたHTMLがブロックエディタ上でパースされるときに、JavaScript側の処理でautop（pタグ自動挿入）が起こるのをできるだけ止めたいときがあったので、それを調べたメモ。 ★2024年4月9日に完全にやり方を変更し...

詳細を理解していないのでメモだけ。 JavaScript JSX const { addFilter } = wp.hooks; const { createHigherOrderComponent } = wp.compose; const { Fragment } = wp.element; const { InspectorControls } = wp.blockEditor; const { PanelBody, TextCo...

inputタグなどのフォーム項目（フォームコントロール）には、inputmode とか autocomplete とか、required のように大変便利な属性値が存在します。 しかし、利用しているCMSやCMSのプラグインによってはフォームコントロールそのもののHTMLに制約がある場...

以前作成したAfterEffectsで作るLottieの記事の続編です。 https://deep-space.blue/web/2072 デモ STEP1. Lottielabでアニメーションを作る Lottielabの使い方は「【LOTTIELAB】を使って簡単にアニメーションを取り入れよう！」など分かりやすい記事があ...

今回作成するのは以下の動画のように、円形の線が12時の方向から徐々に引かれていくアニメーションです！（基本的にJavaScriptが必要となるやり方になります） その1: SVG + GSAP SVGの線の表示をGSAPで動かす方法です。（半径の計算を手動でやればJavaScr...

2023年10月6日の朝8:00時点での情報です！ 2023年10月5日、X（Twitter）で、リンク付きのポストから見出しが削除されました。 【ITmedia NEWS】X（Twitter）、リンク付きポストから見出しを削除　画像とドメインのみの表示に変更 og:imageにサイト内で一律...

おしゃれなデザインでよくある、画像だけコンテナ幅からはみ出して画面端まで広がり、テキストはコンテナ幅の範囲に配置されるデザイン。 position:absoluteなどを駆使して配置することもありますが、今回はpositionなしで実装してみましょう。 今回の内容...