コンテンツへスキップ ナビゲーションに移動

超初心者のWEBサイト作成

  • トップ
  • 新着情報
  • 技術情報
    • html5/css3
      • html5
      • css3
    • JS/JQ
    • PHP
    • 雑学
  • フリー素材
    • スキンボード総括
  • 更新情報
  • お問い合わせ
  • リンク集

html5/css3

  1. HOME
  2. 技術情報
  3. html5/css3
2023年8月5日 / 最終更新日時 : 2023年8月7日 beginners5_wp css3

デベロッパーツールの使い方を必ず覚えよう

ある程度HTMLやCSSが理解できるようになったら、CSSのデザインはデベロッパーツールで作るようにしましょう。 数十行程度のHTMLでは埋め込むCSSもたかが知れています。ミスも少ないし単発で終わり、他の要素との兼ね合 […]

2022年10月22日 / 最終更新日時 : 2023年12月15日 beginners5_wp html5

HTML-Lintを使ってコードのチェック

HTML-Lintを使いますとご自分のHTMLのソースコードがチェックできます。※残念ながら、現在どちら↓の「HTML-Lint」も正常に動作していないようです。ようやく復旧したようです。【参考サイト】Another H […]

2022年9月29日 / 最終更新日時 : 2023年3月10日 beginners5_wp css3

横並びのレイアウト(flexbox)

ページデザインやレイアウトを作成する上で、横並びの方法やテクニックを理解されてない方が多いです。 現在のようなflexboxが無かった時代は、「inline」や「inline-block」を使ったり、「float」を使っ […]

2022年9月24日 / 最終更新日時 : 2025年5月4日 beginners5_wp css3

リセットCSSについて(html5reset.css)

現在のブラウザ(ユーザーエージェント)には、最初から色々なCSS(デフォルトスタイルシート)が埋め込まれています。これらのデザインは、20年以上前の名残りのようなもので、現在のようなきれいなデザインを作成する時、邪魔にな […]

2022年9月13日 / 最終更新日時 : 2024年1月20日 beginners5_wp html5

open-iconicについて

便利なアイコンフォントとして「Iconic」がありますが、最近このページが開かなくなりました。結構便利なサイトだったのですが、ネット検索する内、利用する為の色々な代替案が見つかったのでご紹介します。 上記、見つかりました […]

2022年9月13日 / 最終更新日時 : 2022年9月16日 beginners5_wp html5

Font Awesomeの使い方

便利なアイコンフォント「Font Awesome」の使い方について説明してみます。 ダウンロード形式で設置する方法 まずは「Font Awesome」をダウンロードする為に次のページを開きます。→ Download Fo […]

2022年9月6日 / 最終更新日時 : 2023年9月6日 beginners5_wp css3

不透明度について

画像や文字などをセル画のように2枚重ねた時、上の画像や文字を透過させ、半透明にしたい時があります。そこでいくつかの、透過方法を説明してみます。 使用するサンプル まず透過のテストをする為に、背景画像、背景色などを設定した […]

2022年9月4日 / 最終更新日時 : 2023年3月11日 beginners5_wp css3

カラーコードについて

「16進数について」の処でも話しましたが、色コードは一般的に #付きの6桁表記 が多く使われますよね。これは 1600万色 以上の色を表現でき、写真には欠かせないと思います。しかし、ページデザインの時にこんなに細かい色コ […]

2022年9月4日 / 最終更新日時 : 2023年9月6日 beginners5_wp css3

16進数について

色コードなどで使われる 16進数 ですが、コンピュータのコードには2進数、8進数、10進数、16進数などがあります。 日常生活で使ってる数字は0から9までの10種類で、9まで行くとそこから上が無いので、1繰り上がって「1 […]

2022年9月3日 / 最終更新日時 : 2024年4月23日 beginners5_wp css3

アイコンの作り方(文字タイプ)

文字タイプのアイコンは画像ではありませんから「背景画像」で作成する事はできません。そこで文字タイプのアイコンについて作り方を解説してみます。 特定のセレクタに対し、疑似要素の「::before」を使用します。 【参考サイ […]

投稿のページ送り

  • 固定ページ 1
  • 固定ページ 2
  • »

カテゴリ

メニュー

  • トップページ
  • 新着情報
  • 技術情報
    • html5/css3
      • html5
      • css3
    • JS/JQ
    • PHP
    • 雑学
  • フリー素材
    • スキンボード総括
  • 更新情報
  • お問い合わせ
  • リンク集

Copyright © 超初心者のWEBサイト作成 All Rights Reserved.

Powered by WordPress with Lightning Theme & VK All in One Expansion Unit

MENU
  • トップ
  • 新着情報
  • 技術情報
    • html5/css3
      • html5
      • css3
    • JS/JQ
    • PHP
    • 雑学
  • フリー素材
    • スキンボード総括
  • 更新情報
  • お問い合わせ
  • リンク集
PAGE TOP