MENU
  • WordPressの始め方
  • HTML
  • CSS
  • お問い合わせ
  • デザインギャラリー
Code Stock
  • WordPressの始め方
  • HTML
  • CSS
  • お問い合わせ
  • デザインギャラリー
Code Stock
  • WordPressの始め方
  • HTML
  • CSS
  • お問い合わせ
  • デザインギャラリー
  1. ホーム
  2. sugiの執筆記事

sugi– Author –

sugiのアバター sugi Site operator

【経歴】玉川大学工学部卒業→新卒SIer企業入社→2年半後に独立→プログラミングスクール運営/受託案件→フリーランスエンジニア&SEOコンサル→Python特化のコンテンツサイトJob Code&UIコピペサイトCode Stock運営中

  • h1からh6までの見出しタグの表示例。各見出しレベルの視覚的なスタイルの違いを示している。
    HTML

    【HTML/CSS】hタグ(見出し)の使い方とh1・h2・h3のデザイン例

    2026年3月21日
  • テキストの3行指定による省略表示と、CSS Flexboxによる項目名の整列を、不適切な例と比較して示す図。
    CSS

    【CSS】white-spaceの使い方とnowrap・pre・pre-wrapの使い分け

    2026年3月18日
  • CSSのoverflowプロパティの比較図。hiddenでの角丸切り抜き、scrollでの常時スクロールバー表示、autoでの内容に応じた表示の違いを説明しています。
    CSS

    【CSS】スクロールバーを必要な時だけ出す!overflow:autoの使い方

    2026年3月17日
  • CSSのcursorプロパティの値を、基本、ステータス、選択、ドラッグ、ズーム、リサイズの6つのカテゴリーでまとめた一覧表。
    CSS

    【CSS】cursorの種類一覧!cursor: pointer;の使い方

    2026年3月17日
  • z-indexの重なり順の例。大きな値のヘッダーがポップアップを隠す問題と、マイナス値で装飾を背面に配置する例。
    CSS

    【CSS】z-index最大値は9999?マイナス指定と効かない時の対処

    2026年3月16日
  • CSSのabsolute(スクロールで消える)とfixed(画面に固定される)の違いを説明する図。スクロールしても画面右下に固定されるTOPボタンが例として示されています。
    CSS

    【CSS】positionの使い方とabsolute・fixed・relativeの使い分け

    2026年3月15日
  • CSSのmargin(外側余白)とpadding(内側余白)の違い、およびリスト項目間にmargin-bottomを設定して読みやすくする例の図解。最後の項目の余白を0にするコツなども紹介されています。
    HTML

    【HTML/CSS】ul・li・olの使い方とおしゃれなリストデザイン

    2026年3月13日
  • 「Click Here!」と書かれた画像、「お知らせ一覧を見る」のリンク、「お問い合わせはこちら」のボタンのUI例。
    HTML

    【CSS】aタグ(リンク)のおしゃれなデザイン装飾とリセット方法

    2026年3月12日
  • 【html&css】文字装飾に関するWebデザインまとめ。ネオン風のテキストシャドウを指定するCSSコードの例。
    CSS

    【HTML/CSS】コピペで完了!おしゃれな文字装飾デザイン一覧

    2026年3月12日
  • CSSグリッドでヘッダーとフッターを横方向に結合し、サイドバーとメイン記事を並べたWebページ風のレイアウト図。
    CSS

    【CSS】display: blockとは?inlineやflexとの違いと種類

    2026年3月11日
1...910111213...15
sugi
Site Operator
【経歴】玉川大学工学部卒業→新卒SIer企業入社→2年半後に独立→プログラミングスクール運営/受託案件→フリーランスエンジニア&SEOコンサル→Python特化のコンテンツサイトJob Code&UIコピペサイトCode Stock運営中
運営者情報ページへ
新着記事
  • 【HTML/CSS】コピペ!おしゃれなプロフィールカードデザイン11選
  • 【HTML/CSS】コピペ!ステップ・フロー図デザイン11選
  • 【HTML/CSS】コピペ!お知らせ・ニュースデザイン14選
  • 【HTML/CSS】コピペ!おしゃれな文字装飾・フォントデザイン16選
  • 【HTML/CSS】コピペ!おしゃれなスライダー(カルーセル)デザイン12選
おすすめコンテンツ
  • テープ風や付箋風、番号付きなど、6種類のCSS見出しデザインのサンプル一覧。
    【CSS】コピペだけ!おしゃれな見出し(ラベル)デザイン37選
    CSS5299
  • 必須、無効化、およびCSSのpointer-eventsで再現した読み取り専用の3つのセレクトボックスの状態を示す例。
    【HTML】プルダウン・セレクトボックス・ドロップダウンの作り方:コンボボックスとの違い
    HTML3571
  • 塗りつぶされたボタン(Filled button)のデザインバリエーション。スタンダード、シャドウ、立体的、内側に枠線、グラデーション、星アイコンのリボンの6つのスタイル。
    【CSS】コピペで動く!押したくなるおしゃれなボタンデザイン50選
    CSS2329
  • onchange(入力確定後に発動)とoninput(文字を打つたびに発動)の動作の違いを比較した図。oninputはリアルタイムで文字数が反映されることを示しています。
    【HTML】inputタグのtype種類一覧!属性の使い方とCSS装飾
    HTML2173
  • アイコン付き引用ボックスの3つのデザイン例:かぎ括弧風、背景あり、太めの左枠線。
    【HTML/CSS】コピペでおしゃれなボックス(枠)デザイン50選
    CSS2148
カテゴリー
WordPressの始め方
HTML
CSS

目次
  • WordPressの始め方
  • HTML
  • CSS
  • デザインギャラリー
  • 運営者情報
  • お問い合わせ
  • プライバシーポリシー
  • コンテンツ制作ポリシー

© Code Stock.