HTML SVGアイコンのアクセシビリティ 最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか?と気になりました。 アクセシビリティとは何?という方に簡単に説明す... 2023.08.30 HTML
WordPress 圧倒的速さでサイトが出来てしまう無料WPテーマ&プラグイン WordPressにGutenberg(ブロックエディタ)が登場したのはいつだっけ? と思って調べてみると2018年12月7日でした。 それから約1年半が過ぎて... 2023.09.01 WordPress
css position: absolute で位置を指定しない場合 要素の配置情報を指定するpositionプロパティに「absolute」があります。 通常の使い方では、absoluteを指定された要素は「position: ... 2022.04.23 css
css svgの図形描写-2 装飾に使うCSS 「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。 メンテナンスや他の要素との兼ね合いを考えると、装飾... 2022.04.23 css
HTML SVGで基本の図形描写 – 1 拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。 今回はpathなどを使う複雑なものではなく、丸や長方形のような... 2022.04.23 HTML
WordPress GoogleレビューをWPサイトに掲載するプラグイン WordPressサイトにショートコードやウィジェットを利用してグーグルレビューを掲載できるプラグインの導入手順をご紹介します。 自店のホームページをWordP... 2023.08.30 WordPress
css grid-auto-flowで配置方法を指定する【gridレイアウト】 gridレイアウトでは基本的に、grid-template-columns・grid-template-rowsで指定したグリッド枠に沿って左詰めで順番にグリッ... 2022.04.23 css
css max-contentとmin-contentの違い 要素のwidthを決める値に「max-content」と「min-content」というものがあります。max-content は、その要素内のサイズに合せたw... 2022.04.23 css
css radial-gradientとrepeating-radial-gradient .demo>div { width:98%; height:200px; margin:auto } .radial div { background:radi... 2022.04.23 css
css Gridレイアウトの余白・間隔のとり方 .demo{display:grid;width:100%;max-width:600px;padding:8px;border:4px dashed #aaa... 2022.04.23 css
css grid-template-areasとgrid-areaを使ったレイアウト配置 「グリッドアイテムの配置」でgrid-column・ grid-row でグリッド線を指定するアイテム配置方法をお伝えしましたが、今回はエリアに名前をつけて配置... 2022.04.23 css
css Gridレイアウトのアイテム配置 .demo{ display: grid; text-align:center; } .grid1{ grid-template-columns:repeat(... 2022.04.23 css