すべての機能を備えた Chrome の新しいタブのホームページを再作成する方法を見つけようとしています。
のようなプラグインを試しisotope
ましたが、jQuerysortable
クラスを使用したソートで多くの問題に遭遇しました。
古き良き css とフロートを使用してグリッドを作成しようとしましたが、Chrome ほど優れたものにはなりません。
これをカバーするチュートリアルはありますか?
正しい方向へのポインタは役に立ちます
クロムを使用している場合は、右クリック コンテキスト メニューの要素の検査機能を使用する方が簡単です。これにより、要素タブを示す開発者コンソールが表示されます。また、多くの行をスクロールしなくても、すぐにレイアウトの要点に移動できるはずです! :)
Chrome の開発者ツールをまだ見たことがない場合は、参加する価値があります。要素パネルは特に役立ちます。
https://developers.google.com/chrome-developer-tools/docs/elements
つまり、要素パネルは、特定の要素に存在する CSS クラスのビューを含む、HTML DOM のライブ ビューを提供します。
アップデート
ソースをざっと見てみると、最初に JavaScript で生成されているように見えます。つまり、手動でページのサイズを変更するときに、JavaScript を使用してアイコンの余白や幅などを設定します。彼らのレイアウトは純粋な CSS だけではないと確信しています。