管理人

CSS

【CSS】hslで色を指定する

HSL色空間の色相(Hue)、彩度(Saturation)、輝度(Lightness)の成分で色を指定するhsl()関数を使い、色を表現する方法を解説します。
SVG

【SVG】テキストを表示する

SVGでテキストを表示する<text>要素を使い、様々な書式設定を指定したり、位置や行揃えのやり方を解説しています。
JavaScript

【Webアニメ】テキストを一文字ずつ動かす

JavaScriptで文字を1文字ずつ制御し、バリエーションのあるテキストアニメーションを作る方法を勉強しています。
JavaScript

【Webサイト】プログレスバーとカウント(ローディング画面)

JavaScript の setInterval や clearInterval を使ってカウントアップ+プログレスバーのローディング画面を作る方法を解説します。
CSS

【Webアニメ】太陽を回転させる

太陽をCSSで描き、光線部分を回して太陽のアニメーションを作る方法を解説しています。
SVG

【SVG】パスを描画する<path>

SVGの<path>要素で直線、水平線、垂直線、円弧、ベジェ曲線の書きかたを解説しています。
Webサイト制作

【Webサイト制作】検索結果へ反映させる(ロリポップ)

ロリポップのFTPから.htaccessファイルにコードを追記しリダイレクトさせる、Cocoonテーマ使用者がcanonical(カノニカル)タグでURLを正規化する、XMLサイトマップをサーチコンソールに送るなど、やったことの健忘録です。
CSS

【webサイト】カード型レイアウトを作成する

webサイトでカード型レイアウトをするときのポイントを解説しています。flexboxの指定の仕方やマージンの付け方、うまく折り返す方法なども説明しています。
SVG

【SVG】折れ線と多角形を描く<polyline><polygon>

SVGで<polyline>と<polygon>要素を使って折れ線と多角形を描く方法を解説しています。
SVG

【SVG】四角形を描画する<rect>要素

SVGのrect要素を使って四角形を描画する方法を解説しています。角丸の付け方なども。