プログラミングで利用している開発環境のメモ

使用しているJavaScriptの開発環境のメモ

Bootstrapの固定幅レスポンシブデザインのメモ : CSS

Bootstrapで固定幅のレスポンシブデザインを行うメモ。

JavaScriptのコーディング規約・スタイルのメモ

JavaScript, CSS, PHPのコーディングスタイルのメモ

浮動ボックスのメモ : CSS

浮動(float)ボックスは必ず横幅を指定する。

不透明度 : HTML/CSS

不透明度に関するいくつかのまとめ。

IE9のメモ : CSS

原因は特定できていないけれどIE9で下記の現象が起こり解決に手間取ったのでメモをしておく。 トップページのfooterのスタイルをhead要素に記載していた。 . div#footer { clear: both; po […]

リキッドレイアウト -Fluid, Elastic – : CSS, JavaScript

レイアウトの分け方の一つとして横幅を固定した固定レイアウト(Fixed layout)とブラウザの画面サイズに応じて変動するリキッドレイアウト(Liquid layout)がある。またリキッドレイアウトも特徴に応じていく […]

td要素とinline-block

td要素はmarginプロパティが適用されなかった。 display: inline-blockを指定するとうまくいったので覚書。 追記20091002 IEでは動作しなかった。

float要素の末尾のテキストが意図しない場所に複製表示される問題 : CSS

float要素に記述したテキストの中で末尾のテキストが意図しない場所に複製表示される問題についての覚書。

CSSでfloatを用いたレイアウトの注意点 : CSS

floatプロパティを用いたCSSレイアウトのまとめ。

CSSフォントサイズ: Typography

 CSSのフォントサイズでbodyに20pxを指定するとemや%で設定する際に便利。

タイポグラフィーとCSS : Typography

CSSの文字サイズと行間のメモ。

IE7, IE6に対するCSSハック : CSS

IE6,7専用のハックのまとめ。 #hoge { /* 一般のブラウザに適用 */ margin: 10px; padding: 6px; } *:first-child+html #hoge { /* IE7にのみ適用 […]

Geckoの画像間の隙間問題 : css

XHTML 1.0 TransitionalはWin版IE6,Mac版IE5,初期Gecko(Netscape6,Mozilla1.0)では標準モードでレンダリングされます。このとき、初期Geckoブラウザではテーブル内 […]

CSSハック : css

CSSハックについてWeb標準の教科書 益子貴寛著では下記のように記載されています。 ブラウザの実装差異や実装不備(バグ)を利用して、CSSの適用対象から一部のブラウザを外したり、特定のブラウザのみを対象にCSSを適用す […]

クラス属性に複数のクラスを指定 : css

クラス属性にはクラス名をスペースで区切ることにより、複数指定することができます。

ime-mode : css

ime-modeは日本語入力を制御するIE独自のCSSプロパティです。Firefoxでも次バージョンであるFirefox3.0からサポートされる予定だそうです。

font-sizeプロパティについての考察 : css

font-sizeプロパティは親要素の値を継承します。既定値(つまりhtml要素のfont-sizeプロパティの値)は下記の通りです。

vertical-align セル : css

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。本記事では、セルに設定する場合についてまとめています。

vertical-align インラインボックス : css

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。 表のセル要素以外に設定できるのはインライン要素であることに注意する。ブロックレベル要素には設定できな […]