Yandex.Internet、レイアウト方法

ページinternet.yandex.ruのコードを見て、面白いことがわかりました。

<-注:実稼働環境では接続しないでください->



ファイル内のjavascript自体は次のとおりでした

/ *

*内部使用のみ!

*

*ドキュメントに仮想14列のグリッドオーバーレイを追加します

*合計(左/右に2%インデント、それぞれ8%の12列)。

*

*結果がレイアウトと一致するかどうかを確認するのに便利です。 グリッドが表示されます

*列パラメーター(index.html?列など)がクエリに追加された場合のみ

*

*危険:ページの最後に接続します(少なくともスタジオレイアウト上)、そうでない場合はヘッダーが1pxシフトします

* /



function _columns(a){

if(window.location.search.indexOf( "columns")== -1){

帰る

}



document.write( '');



for(var i = 0、l = a.length; i <l; i ++){

document.write( '');

}

}



_columns([2、10、18、26、34、42、50、58、66、74、82、90、98]);





作業の結果は、 internet.yandex.ru /?columnsで表示できます。



まあ、本当に良いアイデア。 JavaScript接続の行をレイアウトに追加すると、ページの上部にマークアップが表示されます。 「結果のレイアウトへの準拠」を簡単かつ便利に確認できます。



All Articles