まず最初に、私は設計におけるグリッド化に反対しているのではなく、再構築におけるグリッド化に反対していることを述べておきたいと思います。これは、特にクラス名バインディング グリッドの YUI メソッドを指します。次のコード部分を見てみましょう。
ソースコードの例
[www.downcodes.com] <div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u first"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
ここで「yui-u」や「yui-g」という名前が無意味であることがはっきりとわかります。パフォーマンスに関する初のものもある。誰もが読んだことがある本『ウェブサイトの再構築』の PPT に、「ページから外観タグを削除した後、既存のサイトとコンテンツの再設計が非常に省力化されます。」という一文があることは知りませんでした。同時に、はるかにコストが安くなります) サイトの出力を変更したい場合は、ページ自体を変更せずにスタイルシートを変更するだけで済みます。「上記のようなコードでは、構造、パフォーマンス、変更により次の問題が発生します。
パフォーマンスを変更する場合、HTML を移動する必要があり、美しく変更するには 3 つの作業行を移動する必要があり、多くの人的リソースを消費します。
「first」という 5 番目のボックスが表示されます。
実際には幅240である「180幅」というボックスが表示されます。
実際には 3 列である「4 列」と呼ばれるレイアウトがあります。
「青」という言葉がありますが、実際は赤です。
これらは、現在多くの人に普及している「left_box」と「right_box」に相当しますが、簡単な修正により、左側の「right_box」になりました。これは真実を歪曲することに等しいのではないでしょうか?しかし、実際に最も重要なことは、この作業方法が以前のテーブル レイアウトの作業方法と異なるかということです。スタイルの変更を要求すると、会社全体 (デザイン、ページ、開発、機能テスト、CE データ監視) が従うことになります。これは非常に賢明ではありません。
これを書いた後、振り返ってタイトルを変更し、「This Will Be a Revolution」シリーズの CSS に関する 2 番目の記事になりました。上記が間違っている場合は、最近引き継いだばかりのプロジェクトの新しいバージョンのコード スニペットを示しましょう。
ソースコードの例
[www.downcodes.com] <div id="index_news" class="mode">
<h3 class="title">福祉ニュース</h3>
<div class="コンテンツ">
<ul>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
<li><a href="#">ニュース タイトル、ニュース タイトル、ニュース タイトル、ニュース タイトル</a></li>
</ul>
</div>
<a class="more" href="#">詳細</a> </div>
ソースコードの例
[www.downcodes.com] 。モード{
位置:相対;
フロート:左;
フォントサイズ:12px;
}
.mode h3.title、
.mode h4.title{
色:#234C00;
パディング:5px 10px;
フォントサイズ:14px;
}
.mode .more{
上:5ピクセル;
右:10ピクセル;
フォントサイズ:12px;
カラー:#4282ab;
位置:絶対;
}
.mode .content{
クリア:両方;
}
.mode .content:after {
コンテンツ:"";
表示:ブロック;
高さ:0;
行の高さ:0;
クリア:両方;
可視性:非表示;
}
#index_news.mode、
#index_bbs.モード、
#インデックスエリア.モード{
背景:url(small_gray_grid.png) リピート-y -400px 下;
幅:200ピクセル;
マージン:5px 0 5px 5px;
}
#index_news.mode h3.title,
#index_bbs.mode h3.title{
背景:url(small_gray_grid.png) 繰り返しなし -200px トップ;
}
#index_news.mode .content,
#index_bbs.mode .content,
#index_area.mode .content{
背景:url(small_gray_grid.png) 繰り返しなし -600px 下;
表示:テーブル;
}
モジュール思考の利点がわかります。
既存のモジュールを半自動的に使用して、コード開発の時間と労力を節約できます。
プロダクトマネージャーや上司のさまざまな異常なニーズに非常に自由に適応できます。
上記のパフォーマンスを変更する場合、開発者が関与する必要はなく、機能テストも必要ありません。
CE データ監視は ID にバインドされているため、インターフェイスを再調整する必要はありません。
各担当者は、単一モジュールの迅速な反復開発に責任を負います。
コードに関する限り。タイトルはタイトル、内容は内容であり、事実を歪曲して自分を責めることは決してありません。
私には癖があります。面接中は常に最初に面接官の XHTML をテストするのが気に入っています。かつて師匠が弟子を採用したときと同じように、能力や知性は二の次であり、人格が最優先されました。
XHTML はその人の本質のようなもの、CSS はその人の物事のやり方や態度のようなもの、JS はその人の行動や物事のやり方のようなものだと私は考えています。この 3 つの分離に加えて、それに関連する SEO と人間とコンピューターの相互作用を Web サイトの再構築と呼びます。これは非常に優れた人物です。以前は、CSS が Web サイトの最も重要な要素であると常に考えていた人もいました。実際、CSS は当然ながら人生観を表しています。確かに、物事のやり方や姿勢がしっかりしていなければ、人は現代社会で生きていくことは難しいですが、物事のやり方や姿勢が偏りすぎると、人は騙すのが上手で悪徳な人間になってしまいます。 。
これは私がずっと言いたかったことですが、CSS を使用すると、Web ページの左から右の順序を右から左の順序に変更できます。彼を悪用して、騙すのが得意で悪徳なことをするような人間になってはいけません。