Webサイト制作

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

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

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

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

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

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

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

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

【SASS/SCSS】組み込み関数

SASS、SCSSの組み込み関数を使って色を変更する方法を解説しています。
CSS

【CSS】3Dの立方体を作る(preserve-3d)

CSSのプロパティtransform-style: preserve-3dを使って立体的なキューブを作る方法を解説しています。
CSS

【CSS】ボールがバウンドするアニメーション

@keyframesでボールがバウンドするアニメーションを作成します。
SASS/SCSS

【SCSS】@mixin(ミックスイン)の使い方と引数

@mixinの使い方、@includeの呼び出し、引数や変数の扱い方を解説しています。
SASS/SCSS

SCSSとSASSとは

SCSSとSASSとは何か、記法の特徴、違い、書き方などを解説しています。
CSS

【CSS】線に強弱のある雲を描く

CSSのbox-shadowを使って雲を描きます。