if文とは条件によって処理を分岐させるための構文です。if文のifには英語で「もし～ならば」という意味があり、プログラムで「Aという条件を満たすときにBという処理を実行する」という場合はif文を使います。 if文には、条…
タグ: HTML
子供のためのJavaScript教本（2）四則演算して計算機を作ろう
今日はJavaScriptで四則演算する計算機を作ろうと思います。まずHTMLから。数字を入力するボタンと、四則演算のボタン、結果を表示するDivボックスを作ります。 <input type="text&…
文字列を比較して差分を表示する
子供にJavaScriptを教えてるのですが、間違いを探すのに便利かと思い文字列をDiff比較するページを作りました。
文字が正しく表示されない「文字化け」の対処法
今日はけっこう初心者向けな話題です。コーディングをしていると、文字が正しく表示されない事があります。 コーディングをちょっとでもやったことのある人なら常識ですが、ブラウザに表示されるのが日本語であっても、デジタルである以…
よくありがちなHTMLの間違えポイント
かなり初心者向けになりますが、今日はHTMLで陥りがちなミスになります。 画像が表示されない これが1番多いですね。 例えば、 <img src=”img/image01.jpg”> …
GitHubのススメ
GitHubについて検討する機会がありましたので、今日はGitHubの話にしたいと思います。 まずGitHubとは 直訳するとgit（拠点）hub（集まり）と訳せるそうです。もともとコマンドラインツールにgitというツー…
使用頻度の高い特殊文字一覧
丸付き数字 記号 コード 記号 コード ① ① ⑪ ⑪ ② ② ⑫ ⑫ ③ &a…
サブウィンドウからメインウィンドウを操作する
下のボタンをクリックすると、このブログの記事内でWebデザインに便利なリンクを表示します。元のウィンドウを操作するのでサブウィンドウはそのまま便利に切り替える事ができます。
WikipediaのAPIを読み込んでみる
Wikipediaが簡単に使えるAPIを公開していたので、読み込んでみます。CSSを整形するとWordPressと当たるので今回は割愛します。 検索！ とても簡単ですね！そのうち思いついたら何か作ってみようと思います。
【CSS】border-radius角丸生成機
別ウィンドウで開く入力欄に角度を入力すると、外観を見ながらCSSのborder-radiusを生成する事ができます。角度は個別に設定できます。 border-radius
非日本語サイトのlang属性
HTMLソースコードのlang属性のお話となります。日本語のサイトを作っていると、htmlタグのlang属性はほぼjaしか使わないと思いますが、グローバル化にあたり多言語を扱う機会も増えたのではと思います。特に中国語は繁…
今後のWebデザインはモバイルファーストインデックスに対応しないといけないらしい
今後、Google検索では、モバイル向けビューの評価がPC向けより優先されるらしい、です。 Google Search Switching to Mobile First Index from Desktop Index…
HTMLタグ表
比較的頻繁に使うタグの表です。基本的にHTML5です。 要素 説明 !DOCTYPE html 文書型宣言 html HTMLに対する指定 head HTMLファイルである事を宣言する title ページ自体のタイトル …
パス（経路）の意味
ドメインの意味はこちら 「HTMLに画像を貼っても表示されません！」という質問をもらう事があります。 Webサイトは基本的にHTMLというファイル群で作られますが、このサイトの場所を表す住所をドメインだとすると、土地のよ…
WebSafeColor色見本
#000000 #ffffcc #99ff99 #66ffff #3333ff #ff00ff #333333 #ffff99 #66ff66 #33ffff #0000ff #ff00cc #666666 #ffff6…
「.html」と「.htm」の意味
HPアドレスを見ていると、HTMLファイルの拡張子は基本的に「.html」ですが、 稀に「.htm」という拡張子があります。 二つに違いはほとんど無く、両方ともブラウザにはHTMLファイルとして認識されます。 これはその…
HTML5のvideoタグを使ってみました
そろそろvideoタグも一般的になってきたようなので、とりあえず使ってみる事にしました。 とはいえvideo要素はブラウザごとに対応が違うので、いくつかファイルフォーマットを用意する必要があります。 mp4、webm、o…