MDIS Blog

Main Menu

MENUMENU
  • Home
  • Topics
        • Business & Management
        • Career Management
        • College
        • Engineering
        • Event
        • Fashion & Design
        • Health & Nursing
        • Information Technology
        • Languages
        • Life Sciences
        • Lifestyle
        • MDC
        • Media & Communications
        • Psychology
        • Safety Management
        • Tourism & Hospitality
        • Uncategorized
  • Campus
  • Student Life
  • Preview Sessions
  • + Become A Contributor

logo

Header Banner

MDIS Blog

MENUMENU
  • Home
  • Topics
        • Business & Management
        • Career Management
        • College
        • Engineering
        • Event
        • Fashion & Design
        • Health & Nursing
        • Information Technology
        • Languages
        • Life Sciences
        • Lifestyle
        • MDC
        • Media & Communications
        • Psychology
        • Safety Management
        • Tourism & Hospitality
        • Uncategorized
  • Campus
  • Student Life
  • Preview Sessions
Information Technology
Home›Information Technology›Responsive Web Sites

Responsive Web Sites

By MDIS
30th November 2018
2073
0
Share:

Responsive Web Design is a term coined in 2010 by Ethan Marcotte. It is an approach which states that the design and development of a website should respond to a user’s behavior and environment, based on screen size, platform and orientation. The methodology consists of a mix of flexible grids and layouts, images and the intelligent use of CSS media queries.

Examples of Website with Responsiveness

Source: https://blog.teamtreehouse.com

A website opened in browser, tablet and mobile views; content is not diminished or reduced based on device. While re-sizing the window, content is wrapped down and displayed horizontally.

Technology behind responsive websites

Responsive web design is not a single piece of technology, but rather, a collection of techniques and ideas. It uses fluid grid layout to place content, Hyper Text Markup language (HTML), Java script, Cascade Style sheet (CSS) and media queries. The World wide web consortium created media queries to work on responsive web design. We should take note that media query is the secret ingredient for responsive web design.

 

 

 

Let’s examine each technology

Fluid Grid layout: To manage pixel coordinates in a layout in the web design. It helps to place content in the web pages sequentially.

HTML: A mark-up language to integrate the responsive coding to form a single file, which helps to combine media query, CSS and Java script. HTML tags gets defined meaning and purpose. Standard HTML tags are introduced from version 4.

Media Query: Helps to display the website, based on the device selected to open the website on. The web content is thus adapted for the device selected, example tablets or mobile phones. Helps to display custom style sheets for various devices.

CSS: CSS integrates media query in web page, either internally or externally, to inform the website to open the content based on the device. CSS has various style elements and attributes to contribute to the web design for responsiveness. Without CSS, the whole concept of responsiveness will not be achieved.

Java Script: A scripting language which has pre-defined libraries to create programmed scripts for certain tasks in a web site.

How to develop responsive websites?

We may use software tools such as Dream weaver, Visio . Net, Net beans or simply text editors to develop responsive web sites. HTML and CSS standards are adaptable by any devices, including browsers.

Without all these blend of technologies, responsive web sites may not be possible. We must appreciate device manufacturers, such as Samsung, Apple and HTC, for their use of responsiveness in their devices and for boosting device sales. The future of web development depends on responsive sites using the technologies discussed.

Authored by Latha Manian – School of Technology

0
Shares
  • 0
  • +
  • 0
  • 0
  • 0
  • 0
MDIS

MDIS

Founded in 1956, the Management Development Institute of Singapore (MDIS) is Singapore’s oldest not-for-profit professional institute for lifelong learning. MDIS has two main subsidiaries: Management Development Institute of Singapore Pte Ltd which oversees its Singapore academic operations, and MDIS International Pte Ltd which focuses on MDIS’ globalisation strategy. MDIS offers internationally-accredited courses in Business and Management, Engineering, Fashion, Health and Nursing, Information Technology, Languages and Education, Life Sciences, Media and Communications, Psychology, Tourism and Hospitality Management, and Safety and Environmental Management. These programmes are offered in collaboration with renowned universities in the United Kingdom.

Related articles More from author

  • Featured PostInformation Technology

    Are we compromising our free will?

    29th November 2019
    By MDIS
  • Importance of Data/Information Security
    Featured BK RowInformation Technology

    Importance of Data/Information Security – A Biggest Asset

    11th June 2021
    By MDIS
  • Your Guide to Travelling in Singapore
    Information Technology

    Your Guide to Travelling in Singapore

    18th May 2021
    By MDIS
  • Featured Full Width SliderFeatured PostInformation Technology

    Cloud Enabled Content Management for Digital Signage

    17th August 2018
    By MDIS
  • Featured BK RowInformation Technology

    Digitalisation: Are We Secure?

    8th October 2021
    By MDIS
  • Information Technology

    Cybersecurity

    28th August 2019
    By MDIS

Leave a reply Cancel reply

You may also like

  • Uncategorized

    MDIS Tashkent Draping Workshop

  • Digital Chingay 2021
    CampusEvent

    Digital Chingay 2021

  • Teamwork
    Business & ManagementFeatured BK Row

    Teamwork fosters great synergy

Categories

  • Business & Management (26)
  • Campus (5)
  • Career Management (22)
  • College (17)
  • Engineering (11)
  • Event (32)
  • Fashion & Design (34)
  • Featured BK Row (64)
  • Featured BK Video (10)
  • Featured Full Width Slider (57)
  • Featured Post (83)
  • Health & Nursing (5)
  • Information Technology (29)
  • Languages (17)
  • Life Sciences (24)
  • Lifestyle (8)
  • MDC (14)
  • Media & Communications (29)
  • Psychology (8)
  • Safety Management (8)
  • Student Life (15)
  • Tourism & Hospitality (26)
  • Uncategorized (11)

Follow us on Instagram

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

TAGS

  • productivity
  • Digitalisation
  • safety environment
  • covid-19 jobs
  • nursing course
  • Study environment
  • biomedical sciences
  • MDIS Alumni
  • Tourism and Hospitality
  • MDIS School of Fashion and Design
  • Immersion programmes
  • MDIS Events
  • studying tips
  • stephen r covey
  • fashion trend
  • Artificial intelligence
  • innovation
  • social media
  • AI algorithm
  • digital communication
  • Fashion Design
  • begin with the end in mind
  • nursing degree in Singapore
  • marketing
  • 7 habits of highly effective people
  • fashion designers
  • Health & Nursing
  • climate change
  • artifical intelligent technology
  • life sciences
THINK SUCCESS. THINK MDIS.
Copyright© 2022. MDIS Blog. All Rights Reserved.
     
Where lifelong learning begins