HTML5

HTML5

スマホでサイトをホーム画面に追加したときアプリっぽく見えるようにする

スマホブラウザで開いた時、アドレスバーや機能アイコンなどの表示を消してアプリっぽく見せるとゲームサイトなどはスッキリ見えます。
HTML5

Google【code-prettify】ソースコードの全ての行に行番号をつけたい

行番号を表示する際、デフォルトでの設定が5行おきの表示となるため少し違和感があります。次のCSS設定を施すことでode-prettifyを使ってソースコードの全ての行に行番号を表示できます。
HTML5

CSSで利用可能なWebカラー名140色(印刷可)

CSSで利用できる色名は140色あります。redやgreenは分かるけどほかにどんな色名が使えるのか知らなかったので作りました。A4縦1枚で印刷もできます。
HTML5

HTML5:テキストエリアの赤い下線や青い枠線を消したい

inputタグやtextareaタグにデフォルトで表示される赤い下線や青い枠線を消したい場合の対処法
HTML5

HTML5:サイトをモバイルに対応するための最低限の記述

いわゆるviewport設定というやつです。ただし、最低限ということで、とりあげずモバイル対応させたいときとしてご覧ください。
HTML5

HTML部分のSEO対策について

SEO対策に必要最低限なHTMLタグ記述とその他必要な設定。
HTML5

レスポンシブなサイト、スマホ向けサイトの基本

この記事では、レスポンシブなサイト、スマホ向けサイトの基本として画面サイズに応じて画像のサイズも変化するサイトを作成してみます。作成するサンプルページはじめに2017年頃からGoogleがサイトのラン...
HTML5

HTML5:GoogleマップとYouTube動画をサイトに埋め込む

この記事では、GoogleマップとYouTube動画をサイトに埋め込む手順を紹介します。基本的には、どちらもiframeタグとして提供される形ですので、HTMLへの埋め込みはコピー&貼り付けで可能です...
HTML5

HTML5のひな型

HTML5(Hyper Text Markup Language Version 5)のひな型です。エディタ等で保存するときは、文字コード(エンコード)の種類をUTF-8で保存します。拡張子は、.ht...