TECK I.S

※Web開発

h1タグは画像でも問題ない!画像を設定する時のポイント3つ!

h1タグは、そのサイトのテーマを示す重要なテキストです。SEOを考える上でも、h1タグには上位表示を狙いたいキーワードを取り入れるなど、戦略的な対策を行う必要があります。 h1タグを使用する時に、デザインの兼ね合い上「画像」で視覚的に訴えた...
※Web開発

VSCodeでGit・GitHubを使う方法を解説する【初心者向き】

▼この記事が向いている方 初めてVS CodeでGitを利用する方 VS CodeにおけるGitの操作方法が知りたい方 VS CodeとGitHubの連携方法が知りたい方 このうえで今回は、次の流れにしたがって、具体的な作業方法を徹底解説し...
※Web開発

positionについて

【補足解説】position CSS positionについて positionには4つの値があります。 static(スタティック):初期値 relative(リラティブ):現在の位置を基準に相対的な位置を決める absolute(アブソ...
※Web開発

HTML・CSS・PHPなどのコードへのコメントタグの書き方まとめ

HTMLの場合 1<!-- ここに表示させないコメントを入れます --> HTMLの場合、コメントアウトは「<!--」と「-->」の間に入れます。また、コメントが正しくない一例を以下に示します。 1<!---------コメント------...
※Web開発

【CSS入門】borderを使いこなすための3つのステップ

CSSのborderを使って枠線を引く方法を知りたいborderで枠の太さや色を指定するにはどうすればいいの?borderを使ってさまざまな形の図を作成したい こんにちは!フリーランスエンジニア兼フリーライターの ワキザカ サンシロウ です...
※Web開発

【補足解説】colorについて

CSS 色指定の4つの方法 定義されたカラーキーワードを指定する 「# + 6桁のカラーコード」で指定する rgbで指定 HSLという形で指定 定義されたカラーキーワードを指定する 17種類とバリエーションは少ないですが、 black, r...
※Web開発

CSSファイルを修正したのに、表示が変わらない方は Webブラウザがキャッシュを保持していることが考えられます。画面をスーパーリロードして再表示してください。

▼ スーパーリロードの方法Winows:ctrl + shift + RMac:command + shift + R
※Web開発

altテキスト SEO

altテキストは、画像や動画などの非テキスト要素に付与するテキストです。altテキストは、画像や動画が読み込まれなかった場合に、代替として表示されるテキストです。また、検索エンジンが画像や動画の内容を理解するためにも使用されます。 SEOに...
※Web開発

Emmetとは?これだけ知っておけばOK!

【基本形】要素 + Return or Tab 基本的には「h2」や「li」等の要素を入力した後に、「Return」キーか「Tab」キーを押すと要素のタグと閉じタグが入力されます。 li と入力し「Return」キーか「Tab」キーを押すと...