DEV Community

Jujutsu Tech
Jujutsu Tech

Posted on

Difference between native mobile app design and responsive web design?

The design of a native app is written in iOS or Android code. The code is packed and must be downloaded and installed before it can be used in the mobile app. Through their unique coding, Native has their own form of "responsive design." As a result, several apps support both portrait and landscape modes of the mobile device.

HTML and CSS are used in responsive web design. People must view the markup and style sheet via a web browser after they have been posted to a web server. CSS media queries, variable units (e.g., viewport width and height), and percentage (e.g., width and height in % of container dimensions) are used to produce responsive web design.

Top comments (2)

Collapse
 
gundertmable profile image
Mable Gundert • Edited

Thanks for sharing! I want to add that there are key differences between native mobile app design and responsive web design. First, native mobile app design is typically focused on a specific platform (iOS, Android, etc.), while responsive web design is more platform-agnostic. Second, native mobile apps are more interactive and user-friendly than responsive websites. Finally, native mobile apps can take advantage of features like push notifications and GPS, while responsive websites cannot. My best friend works in web design at weareframework.co.uk/services/desi..., and he tried hard to explain to me these subtleties. I hope I'm not distorting his knowledge, lol.

Collapse
 
ann267 profile image
ann267 • Edited

Hello! It is a very interesting post and full of useful information. Previously I prefer to create my own app, but this designer ruined everything and my friends recommended me to create a website webdesignstudio.com/. After that, I was so happy that I don't have any trouble anymore. So now I understand the difference between native mobile app design and responsive web design.