レンタルサーバー ConoHa Wingを契約しました
前々から使いたいと思いながらタイミングを逸してきたレンタルサーバー「(コノハウィング)」が7月6日まで少し安いと聞いたのでそそくさと契約して...
WEBサイト制作
レンタルサーバー 
HTML/CSS 【備忘録】パンくずリストはolでつくる
最近コーディングするにあたり、WAI-ARIAを極力使うように個人的に気をつけています。先日更新したカラーミーSEO+テンプレートでも、WAI-ARI...
HTML/CSS SVGアイコンのアクセシビリティ
最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか？と気になりました。
アクセシビリティとは何？という方...
HTML/CSS position: absolute で位置を指定しない場合
要素の配置情報を指定するpositionプロパティに「absolute」があります。
通常の使い方では、absoluteを指定された要素は「po...
HTML/CSS svgの図形描写-2 装飾に使うCSS
「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。
メンテナンスや他の要素との...
HTML/CSS SVGで基本の図形描写 – 1
拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。
今回はpathなどを使う複雑なものではなく、丸...
HTML/CSS grid-auto-flowで配置方法を指定する【gridレイアウト】
gridレイアウトでは基本的に、grid-template-columns・grid-template-rowsで指定したグリッド枠に沿って左詰めで順...
HTML/CSS max-contentとmin-contentの違い
要素のwidthを決める値に「max-content」と「min-content」というものがあります。max-content は、その要素内のサイズ...
HTML/CSS radial-gradientとrepeating-radial-gradient
線形グラデーションのlinear-gradientを繰り返すrepeating-linear-gradientがある（参考：linear-gradie...
HTML/CSS Gridレイアウトの余白・間隔のとり方
.demo{display:grid;width:100%;max-width:600px;padding:8px;border:4px dashe...
HTML/CSS grid-template-areasとgrid-areaを使ったレイアウト配置
「グリッドアイテムの配置」でgrid-column・ grid-row でグリッド線を指定するアイテム配置方法をお伝えしましたが、今回はエリアに名前を...
HTML/CSS Gridレイアウトのアイテム配置
.demo{
display: grid;
text-align:center;
}
.grid1{
grid-template-columns:rep...