css と Scss– category –
-
Flex ＋ Card (画像と長さの違う文章 + 短い注釈) の表示方法
また、Flex ＋ Card (画像と長さの違う文章 + 短い注釈) に苦しめられる…。 こう... -
ホバー時に画像を大きくする
絶賛、海浜工務店コーディング中。 「時間のかからなさそうなFooterからやろう！」... -
SVGファイルの使い方
デイトラ 第1回 実案件チャレンジ に挑戦 デイトラ 第1回 実案件チャレンジ 2024年... -
文字や余白を滑らかに小さくしたり大きくしたりするのに便利なclamp関数
課題の海浜工務店を作成中。 今回のカンプ幅は1920px。ヘッダーを小さくしていくと... -
リキッドレイアウト対応してみた。
絶賛、ポートフォリオの作成中です。 リキッドレイアウトというものに挑戦してみた... -
z-index の使い方
絶賛、ポートフォリオサイト作成中。 リンクがうまく動かない！ リンクを押しても... -
背景にカーブをつける
まだまだかかりそうなポートフォリオ。 今日はTopページのセクションの背景に緩や... -
背景の一部だけ色を付ける
ポートフォリオ作成中。おかしいな。2024/01/31には終わっている予定だったのに…。... -
Scss の @function を読み込む方法
ライブコーディングを見ていると、rem() をフォントサイズに書いているのをよく見... -
フォントの設定の仕方 @font-face
今は自身のポートフォリオの修正を進めている。ただ、Scssのファイルの構成を考え... -
カード型一覧 レスポンシブで 3列 2列 1列に変化 ラベル付き
一覧 カード型 仕様 カードはPCでは3枚横並び、タブレットで2枚横並び、スマホで... -
一覧 カード型 全幅 写真右
一覧 カード型 仕様 カードは全幅。 リセットcss使用。リスタイルもしているよ。... -
一覧 カード型 レスポンシブで 3列 2列 1列に変化する。
一覧 カード型 仕様 カードはPCでは3枚横並び、タブレットで2枚横並び、スマホで... -
一覧 カード型 全幅
一覧 カード型 仕様 カード幅は全幅。 リセットcss使用してる。 HTMLのコード &l... -
お知らせ一覧 横2段 可変ラベル１つ
お知らせ一覧 仕様 2段で、上段は日付＋ラベル、下段はタイトル。 リンクは、ラベ... -
お知らせ一覧 左段2段 上段日付，下段ラベル 右段 タイトル
お知らせ一覧 仕様 ハードリセット 利用 2段で、左段は日付とラベル、右段はタイ... -
お知らせ一覧 横1段 固定ラベル有
お知らせ一覧 仕様 ラベルはついている記事とついていない記事が混在 リンクは日... -
【CSS】ヘッダーを固定したら、ずれたんだけど！の対処法
サイトの上部にずっとヘッダーを表示したい。 ヘッダー部分がずっとサイトの上部に... -
【CSS】垂直方向の中央に揃えるプロパティが効かない。
line-height は使用しない 自動翻訳されて複数行になってしまった場合、高さを指定... -
【CSS】ナビゲーションメニューを作りたい。フッターメニューも一緒に。
ホームページにはなくてはならないナビゲーションメニュー。大体ホームページの上... -
【初心者必見】これだけは覚えよう！CSSのプロパティ
CRI BOOT CAMP 入門編で出てきたプロパティを掲載する。入門編にでてくるぐらいだ...
1