WEB制作 全般 z-indexに頼らない。HTML要素の重なり方を再確認する
css記事のアクセス数を眺めているとstickyやz-indexなどの重なり系トラブルに関する記事が多いので、その辺りに関する基本をまとめておこうかと思います。...
memo
WEB制作 全般 
WEB制作 全般 floatの存在意義を考える
暇つぶしのような記事ですので暇なときに読んでいただくことを推奨します。得られるものはほとんどありません。古いサイトの改修をしていた関係で、float: left...
WEB制作 全般 WordPress5.5で変わったことまとめ
お盆休みで呆けている間にWordPressが５．５になっていました。毎回メジャーアップデートのコードナンバーにはJAZZシンガーの名前が冠されますが今回は「エク...
WEB制作 全般 node.jsとnpmをインストールし、nでバージョン管理する
はじめにnode.jsとは、サーバーサイドでもJavaScriptが動作する環境を作るもの。npmとは、node.jsのパッケージ マネージャーです。node....
WEB制作 全般 SVGアイコンのアクセシビリティ
最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか？と気になりました。アクセシビリティとは何？という方に簡単に説明する...
WEB制作 全般 圧倒的速さでサイトが出来てしまう無料WPテーマ＆プラグイン
WordPressにGutenberg(ブロックエディタ)が登場したのはいつだっけ？ と思って調べてみると2018年12月7日でした。それから約1年半が過ぎてい...
WEB制作 全般 position: absolute で位置を指定しない場合
要素の配置情報を指定するpositionプロパティに「absolute」があります。通常の使い方では、absoluteを指定された要素は「position: s...
WEB制作 全般 svgの図形描写-2 装飾に使うCSS
「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。メンテナンスや他の要素との兼ね合いを考えると、装飾関...
WEB制作 全般 SVGで基本の図形描写 – 1
拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。今回はpathなどを使う複雑なものではなく、丸や長方形のような基...
WEB制作 全般 GoogleレビューをWPサイトに掲載するプラグイン
WordPressサイトにショートコードやウィジェットを利用してグーグルレビューを掲載できるプラグインの導入手順をご紹介します。自店のホームページをWordPr...
WEB制作 全般 grid-auto-flowで配置方法を指定する【gridレイアウト】
gridレイアウトでは基本的に、grid-template-columns・grid-template-rowsで指定したグリッド枠に沿って左詰めで順番にグリッ...
WEB制作 全般 max-contentとmin-contentの違い
要素のwidthを決める値に「max-content」と「min-content」というものがあります。max-content は、その要素内のサイズに合せたw...