2

Stackexchangeのサイトページ（ https://stackexchange.com/sites）のように、クリックされたパネルに基づいて自動スライドするアニメーションパネルを備えたレイアウトでページをWebサイトに追加したいと思います 。

Stackexchangeの設計者は、そのページをレイアウトするためにどの言語とどの特定の方法論を使用しましたか。もっと意味のあることに、似たようなものを作成する方法を学ぶために、どの言語と方法論を調査することをお勧めしますか。おそらく、それに似たものを作成するためのチュートリアルがどこかにありますか？

4

1 に答える 1

1

そのページのソースを見ると（Chromeで開発者コンソールをアクティブにしてスクリプトパネルを見ると達成されます）、 Isotopeレイアウトエンジンを使用していることがわかります。

IsotopeはJavaScriptで記述されたjQueryプラグインであり、上記のリンク先のサイトにはいくつかの堅実なドキュメントが含まれています。ただし、JavaScriptを初めて使用する場合は、JavaScriptを理解するのが少し難しいかもしれません。簡単なグーグルはあなたが始めるのを助けるかもしれない次のアイソトープチュートリアルを持ち出します。

于 2012-08-20T10:01:10.090 に答える