What is the style name of this type of website?

Answer to a question on Quora

Answer by Aniket Suryavanshi:

The Sold team has joined Dropbox
This is a fluid landing page. A fluid page adjusts dimensions of it's elements (headings, images, column widths, etc.) according to the window size. It also uses some JavaScript for the smooth scroll effect on clicking some links.

Automatic: Your Smart Driving Assistant
It's a simple landing page with some JS for the carousel at top, and for the smooth scroll effect on clicking the "What is Automatic" link. The layout is not fluid and not responsive.

Leap Motion
This is a responsive landing page. A responsive page is fluid, and in addition uses extra browser capabilities like detecting browser width/height, detecting device type, detecting device orientation (landscape/portrait in case of mobile and tablet), number of colours supported by the device, etc. Responsive pages use media queries to conditionally style a page according to all these critera.

Such pages can be built with HTML, CSS and JavaScript. Frameworks like Twitter Bootstrap, Zurb Foundation, etc. make it easy to build responsive web pages and provide a lot of ready for use components like image gallery, accordions, and much more.

View Answer on Quora

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s