new演算子の挙動について - 西尾泰和のはてなダイアリー
拙著「コーディングを支える技術」のp.204では、JavaScriptのnew演算子の挙動を例にオブジェクトが作成される過程の説明をしています。しかし、ソースコード中の囲み数字の個数と、ソースコードの直後の箇条書きの個数が両方4個であることが原因で混乱のもとになるようです。そこでこのページを全体的に再構成することにしました。 修正前の構造 さらに、プロトタイプを使った処理を楽に書けるような演算子も用意されています。次のコードでは関数Counterにnewという演算子を付けて呼び出しています。 (サンプルコード) 関数にnewを付けて呼び出すと、次の4つの処理が行われます。 (箇条書き) このコードでは、まず(2)で…(以下サンプルコードの解説) 修正後 さらに、プロトタイプを使った処理を楽に書けるように、newという演算子が用意されています。関数fにnewを付けて呼び出すと、次の4つの処理
中央(右)揃えと三点リーダーによる省略
text-overflow: ellipsisではみ出した文字列を三点リーダーで省略できる。画面サイズのバリエーションが増え続けているので、こういったなんとなくどうにかしてくれることを期待できるCSSプロパティーは積極的に使いたい。のだけど、これとtext-align: center (right)を組み合わせた場合、テキストの開始位置がChrome 28だけ変化する。 Demo: text-overflow: ellipsis and text-align Internet Explorer 10とFirefox 23ではtext-alignプロパティーの値はどれでも同じ。Chrome 28ではcenterで少し、rightでは更にもう少しずれる。三点リーダーによる省略で余った余白をtext-alignプロパティーでどう扱うか、またはtext-alignとtext-overflowプロパ
CSS background image hacks – Nicolas Gallagher
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers. Demos: Example CSS background image hacks Pseudo-element hacks can fill some gaps in existing browser support for CSS features, without resorting to presentat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
