dcsimg

Adaptive Layout

Date:
12 May 2006
Category:
CSS techniques
blue mountains

Intro: After liquid layout and zoom layout, adaptive layout may be the next big thing

Summary: The base for this layout form is class switching using JavaScript. A trigger value like screen size is used to define different CSS styles for certain screen objects so transitions between different layouts can be made.

Body a—Dolor sit esse, at facilisis euismod wisi duis elit amet feugiat laoreet luptatum lobortis tincidunt. Minim eu minim quis feugait et eros, feugait in dolor aliquam aliquam duis ex. Suscipit consequat facilisis, nostrud, tation consequat, iriure, eu et. molestie in wisi wisi aliquip te feugiat vel, et qui nisl, vel in at qui eros lobortis. Eum minim eros consequat ut commodo dolor ad luptatum augue enim esse, autem tation. Volutpat aliquip lobortis et iusto facilisi minim vel adipiscing nostrud consequat, feugait

Body b—quis euismod dolor nisl quis consequat ex. Nostrud hendrerit ad et dolor nonummy, ullamcorper eu lorem ullamcorper laoreet. Augue augue ullamcorper facilisi te velit esse nostrud dignissim, consectetuer esse luptatum at vel praesent erat. Veniam feugait praesent sit. Ut vel illum. Exerci luptatum diam illum, duis ut, dolor, duis facilisis hendrerit aliquip exerci autem commodo praesent vulputate veniam odio, hendrerit. Commodo blandit nulla duis lobortis magna, velit lobortis.