HTML/CSS

HTML, CSS 及びその他全般(他のカテゴリー以外)のメモ

HTML5 の構造

2014年11月8日

HTML5 文書の構造や新しい要素に関する個人的なメモ。 参考: 「入門 HTML5(オライリー)」 「TAG index Webサイト」 「HTML5のセクションで“文書構造”を理解する atmarkIT」 目次 DOCTYPE HTML5 の DOCTYPE は以下のようになる。 DOCTYPE は HTML ファイルの最初の行に存在する必要がある。 そ…

続きを読む

HTML5 の機能検出

2014年10月25日

HTML5 の機能を検出する方法の個人的なメモ。 参考:「入門 HTML5(オライリー)」 目次 Modernizr Modernizr は HTML5 と CSS3 の機能のサポートを検出してくれる JavaScript ライブラリ。(これを利用するのが一番簡単だと思う) Modernizr は読み込まれると、Modernizr という名前の JavaSc…

続きを読む

ブラウザの HTML5, CSS3 の機能を検出してくれる Modernizr

2014年10月4日

Modernizr の基本的な使い方に関する個人的なメモ。 Modernizr は、ユーザーのブラウザがどのような機能をサポートしているかを検出(テスト)し、その結果に基づき html 要素に特定のクラスを付与したり、Modernizr という名前のグローバルオブジェクトを生成しそのプロパティに各機能に関する情報を格納する JavaScript ライブラリ。…

続きを読む

ドメインの移管(転入)に関するメモ

2014年5月30日

今回行ったドメインの移管(転入)を行った際に気づいたことのメモと覚書。 いろいろと事情があり以前米国のレンタルサーバー間での移管の時と、ドメインの移管のタイミングが異なってしまったのでサイトの移転に時間がかかってしまった。 目次 以前行った際の手順 以前米国のレンタルサーバー間(Dreamhost -> inMotion)での移管を行った際のおまかな手順は以…

続きを読む

404 ページの作成

2014年5月27日

ユーザーがサイト上で存在しないページにアクセスしたときに表示される 404 ページのカスタマイズに関するメモ。 目次 404 ページ Google ウェブマスターツールの「有益な 404 ページを作成する」には以下のように書かれている。 また、404 ページについて以下のようなことも書かれている。 ユーザーに対して、探しているページが見つからないことを明確に…

続きを読む

Google カレンダーをレスポンシブ対応に

2014年5月20日

Google カレンダーをウェブサイトに埋め込んでレスポンシブ対応にする方法のメモ。 目次 ウェブサイトに埋め込む ウェブサイトに埋め込む(https://support.google.com/) Google ID を取得してすでにカレンダーを利用していることを前提。 Google カレンダーにログイン(下の画像) 右上の歯車のような(設定の)アイコンをク…

続きを読む

CSScomb JS を Sublime Text 3 で使ってみる

2014年4月30日

いろいろなサイトで CSS プロパティをソートしてくれるパッケージ「CSScomb」が紹介されていたので、インストールしようと思い「Package Control」で検索すると「! DEPRECATED ! Please use CSScomb JS instead.」と表示される。代わりに「CSScomb JS」をインストールしたので、それに関するメモ(W…

続きを読む

sublimeBookmark:Sublime Text でブックマークを付けるパッケージ

2014年4月29日

Sublime Text に標準で付いている「Bookmarks」は作成したブックマークに名前が付けられないなど使い勝手がよくないということで作成されたパッケージとのことで、便利そう。 目次 概要 ブックマークに名前が付けられる セッションを越えて保存可能 プロジェクト内のどのブックマークにも移動可能 ブックマーク数の制限なし プロジェクトベースでのブックマ…

続きを読む

Sublime Text 3 のダウンロードと基本的な設定

2014年4月25日

Sublime Text 3 のダウンロードと基本的な設定に関するメモ。 目次 ダウンロード 以下のページから自分の環境に合うものをダウンロード(以下は Windows 64bit 版) http://www.sublimetext.com/3 インストールはダウンロードしたファイルをダブルクリックして指示にしたがっていくだけでとても簡単なので省略。 設定 …

続きを読む

Firefox の表示(文字などの)サイズ

2014年4月25日

Firefox の文字サイズが他のブラウザと比較して大きいのが気になる場合の対処法。 ハードディスクを入れ替えてすべて再インストールしたため同じことを調べたので(1年前に行ったことをすっかり忘れていたので)メモ。 Firefox の場合バージョン22から、PC のディスプレイの設定により表示される(メニューバーや本文などの)文字等の大きさが異なるようで、ディ…

続きを読む