Pure は、あらゆる Web プロジェクトで使用できるよう目指して作られました。Pure を活用した一般的なレイアウトをいくつか作成して、このことを実現しました。これらのレイアウトはレスポンシブであり、(特定のメニュー操作を除いて)JavaScript は不要です。
投稿のリストを表示するブログページのレイアウトサンプル。
表示ソース
レスポンシブなメールレイアウトを表示するレイアウトサンプル。
レスポンシブなフォトギャラリーを表示するレイアウトサンプル。
レスポンシブな製品ランディングページを表示するレイアウトサンプル。
レスポンシブな料金表を表示するレイアウトサンプル。
Pure Web サイトのように、モバイルの場合は非表示になるサイドメニューを使用したレイアウトサンプル。
水平から垂直に切り替わり、ウィンドウ幅が狭い場合は非表示になる一連の水平メニュー。
小さなウィンドウ幅では非表示で、表示された際にはスクロールする水平メニューを展示しています。