2021-12

SVG

【SVG】直線を描画する line要素

SVGで直線を描画する方法を解説します。線幅や色、点線など線の種類などの指定の仕方も解説しています。 (line, stroke, stroke-width, stroke-dasharray, stroke-dashoffset, stroke-opacity)
SVG

【SVG】preserveAspectRatio 画像の配置の制御

SVGのpreserveAspectRatio属性について解説します。画像の配置の制御ができます。
SVG

【SVG】viewBoxの解説

SVG描画におけるviewBoxとビューポートの意味を解説します。
SVG

SVGの基本構成とインラインSVG

SVGの基本構成、記述の仕方を解説し、SVGファイルを作成できるようにします。インラインSVGでHTMLファイル内に書き込む方法も解説します。
Webアニメ―ション

CodePenを使ってみる

CodePenに登録、設定、保存、ブログへの貼り付けなど基本的な使い方を解説します。
SVG

Adobe Illustratorで画像をSVG形式に書き出す方法

Adobe Illustratorで画像をSVG形式に書き出す方法、データを軽量化するためにSVG画像作成時に気を付けること、ファイル圧縮についても解説しています。
SVG

SVGとは

SVG形式の画像のメリット・デメリット、対応ブラウザ、SVG形式にすることで何ができるかなどを解説しています。
CSS

Cocoonの吹き出しのデザインをカスタマイズする

Cocoonの吹き出し追加設定や、WordPress内のカスタマイズ欄でCSSを追記し、吹き出し部分デザインをカスタマイズするにはどうすればいいか解説しています。枠線を点線にしたり太さを変えたりできるようになります。
Webサイト制作

WordPressにサーチコンソールを設定(サーバーはロリポップ、ムームードメイン使用の場合)

サーバーはロリポップ、ムームードメイン使用の場合にブログ解析ツールとしてサーチコンソールを設定する手順を解説、まとめています。
Webサイト制作

WordPressにファビコンを設定する

Wordpressの機能を使って簡単にファビコンを設定する方法を説明しています。 最適サイズやファビコンとは何かなども実際に作りながら解説しています。