ビジュアルを固めないままマークアップを記述することがあります。結局ブラウザで表示される状態でないと分からないこともありますし、骨格の状態から徐々に色や雰囲気を加えて行く作業は結構楽しかったりもします。(中編)スケッチをすることでページの大まかな形が見えてきたところで、早速コーディングに入りました。ビジュアルを固めないままマークアップを記述することがあります。結局ブラウザで表示される状態でないと分からないこともありますし、骨格の状態から徐々に色や雰囲気を加えて行く作業は結構楽しかったりもします。構造への意識もしやすいですし、この時点でまたレイアウトを吟味出来る機会があるという意味でもメリットがあると思います。いう作り方をしているので、ブラウザのデバッグツールが充実しているのは非常にありがたいです。すべての案件でそうしているわけではないですが、今後はそうしていきたいですし、素早く骨格(又はプロトタイプ)が作れるようにならないといけないなと思っています。可能になるので、マークアップしながら装飾やインタラクションを充実させていく作り方のメリットが高まるでしょう。装飾画像の重なり具合の調整や角度を少しずつ変える作業がたった1行で出来るわけですから素敵じゃないですか。今回のページだけではないですが、だいたい最初のマークアップでは、ブラウザ云々はあまり考えずにサッとキレイに書ける手段を選びます。いったセレクタは積極的に使っています。最初は面倒な感じがしますが、覚えてしまえば使った方が断然楽なんですよね。必要以上にクラス名を増やすことなく装飾が出来ますし、より柔軟性が増すような気がします。見た目をまったく同じにする必要はありませんが限度もあるので、ここから徐々にクラス名を加えて調整をしていきます。ファイルを用意してレイアウトの調整を行うことがあります。対して装飾のために負荷をかけるのはどうかと思い、今回は止めておきました(ケースバイケースですし、1、2くらいすることはありますが)。ケアだけでなく、別ブラウザの拡張属性を利用することもあります。ひとつの例でしょうね。いっても最近のブラウザの実装スピードが良好なので、それぞれのブラウザで大きく違うということにはならないです。真ん中のほうにある、記事数はダイナミックに生成されています。記述することで数値を取得することが出来ます。あとは好きなところに書き出すだけ。