サイト作成メモ

public_htmlフォルダとは？
https://www.homepage-tukurikata.com/hp/public-html.html

2023年4月3日サイト作成メモ

【 便利ツール 】

◆ SCHEM COLOR（配色 / サイトデザイン用）

https://www.schemecolor.com/song-of-nature.php

◆ アクセスカウンター

無料アクセスカウンター / freesoft100
https://freesoft-100.com/homepage/rental/counter.html

無料アクセスカウンター（登録不要 / レンタル）
二重カウント防止。SSL対応。
https://www.free-counter.jp/

◆ ファビコン

様々なファビコンを一括生成 / favicon generator
各種ブラウザやデバイスに対応したファビコンをまとめて生成。
https://ao-system.net/favicongenerator/

◆ 画像軽量化ツール

I LOVE IMG
https://www.iloveimg.com/ja

Optimizilla
https://imagecompressor.com/ja/

【2023年版】画像最適化ツールおすすめ10選を徹底比較！（画像軽量化・無料あり）
https://notepm.jp/blog/12985

◆ SNS用アイコン

『ICOON MONO』（ライセンスについて）
https://icooon-mono.com/license/

Collection of watercolor social media icons
https://www.freepik.com/free-vector/collection-watercolor-social-media-icons_822526.htm

ソーシャルメディアロゴコレクション
https://jp.freepik.com/free-vector/social-media-logo-collection_10363326.htm#query=sns&position=0&from_view=keyword

無料で使えるカラフルなSNSアイコン138個まとめ
https://designup.jp/vector-free-social-icon.html

2023年4月2日サイト作成メモ

初心者におすすめ！無料HTMLエディター１５選
https://proengineer.internous.co.jp/content/columnfeature/3325

HTMLエディターを選ぶポイントとおすすめエディタ8選
https://it-kyujin.jp/article/detail/1185/

フリーテキストエディタおすすめ15選
https://www.sakurasaku-marketing.co.jp/labo/blogs/text-editor

初心者におすすめのHTMLエディタ14選＆選定のポイントを解説
https://blog.hubspot.jp/html-css-best-editor

【2023年版】HTMLエディタのおすすめ9選を徹底比較！（無料あり）
https://notepm.jp/blog/12186

サイト作成メモ

< html5 文字化け UTF-8 >
https://search.yahoo.co.jp/search?p=html5+%E6%96%87%E5%AD%97%E5%8C%96%E3%81%91+UTF-8+&x=wrt&aq=-1&ai=c33dd19b-084e-42fe-92f6-4c1faf0abd91&ts=8264&ei=UTF-8&fr=mcafeess1

【HTML】UTF-8を指定しているのに文字化けしてしまう場合
https://fuchiaz.com/html-encode-utf8-garbled/

内蔵プレビューで文字化けが発生する
https://sn.lowedge.com/docs/qanda/111/

2023年4月3日サイト作成メモ

【レスポンシブ】

pictureタグ
レスポンシブに画像を切り替える
https://catnose.me/learning/html/picture

〇 検索に使用したワード：
< html5 初心者 レスポンシブ >

【入門】レスポンシブWebデザインとは？概要と作り方を丁寧解説
https://www.kagoya.jp/howto/it-glossary/web/responsive/

レスポンシブデザインとは？メリット・デメリットや作り方など徹底解説！
https://seolaboratory.jp/89410/

レスポンシブWebデザイン初心者におススメする本とサイト　時間短縮！効率化！
https://blog.skeg.jp/archives/2015/09/responsive-web-coding.html

レスポンシブWebデザインのHTMLとCSSの基礎と学習方法
https://blanche-toile.com/web/learn-html-css

【HTML＋CSS】ウインドウ幅に合わせて画像サイズを変化させる方法
https://allabout.co.jp/gm/gc/400630/#aa400630responsive-width

CSSだけ！レスポンシブなサイトの作り方と鬼ほど使うプロパティ
https://pecopla.net/web-column/how-to-responsive

CSSでスマホ対応！レスポンシブサイトの作り方と初心者向けQ&A
https://www.sejuku.net/blog/99964

【表示崩れ】

CSSで期待通りに表示されない根本的な原因の見つけ方
https://coliss.com/articles/build-websites/operation/css/finding-the-root-cause-of-a-css-bug.html

レスポンシブデザインでCSSが効かない場合に確認すること
https://www.beginnerweb.net/responsivetr.html

CSSが反映されない時にチェックすべき5つのポイントと解決方法
https://www.sejuku.net/blog/100015

〇 検索に使用したワード：
< HTML5 レイアウト 崩れる win10 >

表示が壊れたりレイアウトが崩れたりしているホームページの対処方法

1 htmlのタグ閉じ忘れ
2 htmlの入れ子ルールを間違う
3 レイアウトをスペースや改行で調整してしまっている
4 Webブラウザの大きさに対応していない
5 IEに対応していない
6 floatで崩れる
7 まとめ

https://www.rip-ple.com/1377/

Webページをマルチデバイスに対応させるには？ レスポンシブコーディングの仕組みを解説
https://codezine.jp/article/detail/10928

[CSSハック]ブラウザによってレイアウトが崩れる対処法まとめ
https://qiita.com/sho11hei12-1998/items/c53de95122f8d7d38c4f

カテゴリー