• About
  • Get Jnews
  • Contcat Us
Thursday, February 25, 2021
Almomento 360
No Result
View All Result
  • Login
  • News

    Trending Tags

    • Commentary
    • Featured
    • Event
    • Editorial
  • Politics
  • National
  • Business
  • World
  • Opinion
  • Tech
  • Science
  • Lifestyle
  • Entertainment
  • Health
  • Travel
  • News

    Trending Tags

    • Commentary
    • Featured
    • Event
    • Editorial
  • Politics
  • National
  • Business
  • World
  • Opinion
  • Tech
  • Science
  • Lifestyle
  • Entertainment
  • Health
  • Travel
No Result
View All Result
Morning News
No Result
View All Result
Home Web Development

A Brief Guide To Intrinsic Web Design

sambit by sambit
February 1, 2019
in Web Development
0
Intrinsic web design
0
SHARES
3
VIEWS
Share on FacebookShare on Twitter

Intrinsic web design is the hottest buzzword in the field which is witnessing a major change since the evolution of responsive design. The emergence of smart devices forced professionals to find a convenient way to make websites render perfectly on all devices. Web design services Vancouver or Vizag are flooded with requests for creating responsive interfaces. The web design industry came into existence when browsers became capable of displaying images. It has evolved with time as new technology and techniques like Flash and CSS were introduced. With this new concept, web design moves into a completely new era. In this article, we are presenting a brief introduction to this new theory.     

Summery of Article

  • What Is Intrinsic Web Design?
    • READ ALSO
    • Cross Browser Website: Make a Website Compatible with all Devices
    • Why Should You Become a Hadoop Connoisseur In 2020?
  • What Are The Basic Principles of Intrinsic Web Design?
    • 1. Using Flexible As Well As Fixed Images
    • 2. Creating Truly Two-dimensional Layouts
    • 3. Different Stages of Squishiness
    • 4. Flexibility To Expand And Contract The Content
    • 5. Using Media Queries Only If Required
    • 6. Using Nested Contexts
    • Conclusion

What Is Intrinsic Web Design?

The term responsive web design (RWD) was first used by an independent professional, Ethan Marcotte. He defined it as a combination of fluid grids, flexible images, and media queries. However, designers today are able to do much more. They can carry out vertical or horizontal resizing of images without affecting the aspect ratio. They can create not only flexible columns but also flexible rows. This has become possible because of layout methods such as CSS Grid and Flexbox which are built in CSS. This flexibility to use traditional techniques with modern tools is called intrinsic web design. It allows professionals to design the best possible way to display content without bloating the code and improves their efficiency. Jen Simmons, a Designer Advocate at Mozilla and an award-winning podcast producer introduced the term in her presentation at “An Event Apart” at  Seattle in April 2018.

READ ALSO

Cross Browser Website

Cross Browser Website: Make a Website Compatible with all Devices

May 5, 2020
Hadoop Connoisseur In 2019

Why Should You Become a Hadoop Connoisseur In 2020?

February 7, 2020

What Are The Basic Principles of Intrinsic Web Design?

Many people think that intrinsic web design is just another fancy term coined by an intellectual. However, there are reasons which led Jen Simmons to think that there was a need to use a new term for the practice. The following basic principles of this new approach as defined by the noted designer will be helpful in understanding how its different from RWD:

1. Using Flexible As Well As Fixed Images

Responsive design uses flexible images which size themselves according to the size of their container. The new design approach involves the use of flexible as well as fixed images according to the context of the project. Moreover, the object-fit property of CSS lets designers resize the vertical as well as horizontal dimensions of an image to fit its container.

2. Creating Truly Two-dimensional Layouts

CSS Grid lets designers create flexible columns and rows enabling them to fashion truly two-dimensional layouts. The ability to define height as well as width is one of the key principles of the new design approach.

3. Different Stages of Squishiness

The CSS Grid Layout Module provides designers with a grid-based layout system. It consists of rows and columns so that pages can be designed without using any floats or positioning. This has opened up possibilities about how a layout can respond to the context of a page. There can be four squishiness stages namely-fixed, fr units (fluid), minimax (min, max) –i.e fluid until fixed, and auto meaning a return to flow. According to the new approach, all these options can be combined in various ways to dictate the manner in which page elements interact with each other.   

4. Flexibility To Expand And Contract The Content

There are several options to expand or contract the content of a page like a squish and grow for fluid images or overlap which slides one element over the other. These options allow a more content-driven approach to web design.  

5. Using Media Queries Only If Required

Designers can use CSS Media Queries only if they are required otherwise they can use other options.

6. Using Nested Contexts

This approach allows professionals to use nested contexts- flow, flexbox (formatting context), grid (formatting context), and multicolumn (formatting context).

Conclusion

Intrinsic web design signifies the beginning of a new phase in the domain and professionals must acquaint themselves with the new approach. They must explore it to find new innovative ideas that can be used to create better layouts.   

Tags: Intrinsic web design

Related Posts

Cross Browser Website
Web Development

Cross Browser Website: Make a Website Compatible with all Devices

May 5, 2020
Hadoop Connoisseur In 2019
Web Development

Why Should You Become a Hadoop Connoisseur In 2020?

February 7, 2020
Mobile App Development Cost
Web Development

A Businessman’s Handbook to Calculate Mobile App Development Cost

December 29, 2020
Next Post
Skullcandy Headphones

Why You Should Buy Skullcandy Headphones

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

POPULAR NEWS

download vidmate apk

VidMate APK v4.2104 | VidMate APK Download Latest [Updated 2021]

January 16, 2021
instagram marketing

6 Instagram Growth Hacking Techniques

October 21, 2020
roof repair Vaughan

Should You Invest in Gutter And Roof Repairing?

December 22, 2020
OMGChat

OMGChat: 15 OMGChat Alternatives [Updated: February 2020]

May 12, 2020
Hadoop Connoisseur In 2019

Why Should You Become a Hadoop Connoisseur In 2020?

February 7, 2020

EDITOR'S PICK

Best Spy App for Android to Record & listen to Surrounds

Best Spy App for Android to Record & listen to Surrounds

February 18, 2019
Digital Security

Digital Security: A Short Guide to Know all

March 30, 2020
elevator shoes for men

How Far Can You Go With Elevator Shoes?

March 30, 2020
Photo Stick

Photo Stick for a Busy Dad

February 12, 2020

About

We bring you the best Premium WordPress Themes that perfect for news, magazine, personal blog, etc. Check our landing page for details.

Follow us

Categories

  • Android
  • Computer
  • Digital Marketing
  • Entertainment
  • Gaming Headphones
  • Health
  • Lifestyle
  • Safety and security
  • Smart Phones
  • Technology
  • Web Development
  • Windows
  • Wordpress

Recent Posts

  • 6 Instagram Growth Hacking Techniques
  • Is a Postgraduate Diploma Worth It?
  • Should You Invest in Gutter And Roof Repairing?
  • The Accuracy of Data Annotation Services for ML and AI Models
  • Buy JNews
  • Landing Page
  • Documentation
  • Support Forum

© 2021 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • Homepages
    • Home Page 1
    • Home Page 2
  • News
  • Politics
  • National
  • Business
  • World
  • Entertainment
  • Fashion
  • Food
  • Health
  • Lifestyle
  • Opinion
  • Science
  • Tech
  • Travel

© 2021 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In