Website Hosting for Just 20 ForumCoin ~ Advertise on ForumCoin
52 Life Tips Banner
Webmaster forum. Website development, design & management. Graphic design. Blog / Forum Set-up, Management, Admin & News

Best Practices in Creating Responsive Web Design

Postby GuestHu » 05 Mar 2021, 01:30

Still, web designers must always create a responsive design because there are various screen sizes and each screen size has its own layout. Most users visit a website through their phones or tablets so the web designer must consider them and design a layout that is friendly to this kind of user. Below are some best practices in web designing.
1. Use Relative Units
Relative units are em, rem, lh, vw, vh while cm, mm, in, pc, px, and pt are absolute units. Use relative units because it’s easy to generate the desired outcome.

2. When to prioritize
Most web designers suggest that mobile layout should be prioritized but it actually depends on the site’s objectives. If its purpose is to display news or blogs, then the designer must do mobile first. But if the site contains a certain tool or interface that helps the business, or has an intricate user interface, then prioritize the desktop version.

3. Use System Fonts to load faster
A website always requests things from a server or load the necessary stuff to be displayed. Web fonts actually slow load times but system fonts are faster to load because it’s a default font.

4. Use Vector Image
Vector images are more scalable than bitmap or any image-related files. It won’t lose its quality or pixelated when resized.
  • 1

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749

Re: Best Practices in Creating Responsive Web Design

Postby Netherrealmer » 05 Mar 2021, 06:45

Also avoid embedding autoplaying videos and music. Avoid getting ads from companies that opens too many tabs.
  • 0

User avatar
Netherrealmer
Community Moderator
 
Posts: 37,876
Location: Babylon
ForumCoin: 200

Re: Best Practices in Creating Responsive Web Design

Postby Mika » 05 Mar 2021, 14:38

Choose a responsive theme or template. When you are working on WordPress, just by choosing a responsive theme, your website will resize according to the device used.
  • 0

User avatar
Mika
 
Posts: 8,084
ForumCoin: 916

Re: Best Practices in Creating Responsive Web Design

Postby GuestHu » 06 Mar 2021, 01:52

Mika wrote:Choose a responsive theme or template. When you are working on WordPress, just by choosing a responsive theme, your website will resize according to the device used.


Yeap. An easy way to create a responsive website. But most of us use bootstrap, an open-source framework, whenever we build a complex website. It saves time and we don't need to build a responsive site from scratch.
  • 0

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749

Re: Best Practices in Creating Responsive Web Design

Postby Tendz » 10 Mar 2021, 07:54

To have a good digital presence, you need to provide your customers a high quality viewing experience. Everything should be flexible, from layouts, text block, images to videos. It's very important for your website to have a responsive design, as it offers the fluidity to create an optimised browsing experience for your viewers.
  • 0

User avatar
Tendz
 
Posts: 23,106
ForumCoin: 645

Re: Best Practices in Creating Responsive Web Design

Postby GuestHu » 11 Mar 2021, 01:35

Tendz wrote: It's very important for your website to have a responsive design, as it offers the fluidity to create an optimised browsing experience for your viewers.

Of course. They would leave the website if it's not user-friendly or struggling to navigate something they want to read or bombarded with a lot of pop-up ads.
  • 0

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749

Re: Best Practices in Creating Responsive Web Design

Postby ptrikha21 » 24 Mar 2021, 19:16

Tip #2 and #4 are quite useful. is Web Programming mainly done in Dot Net and C# these days or in Java / Angular as well?
  • 0

User avatar
ptrikha21
 
Posts: 7,387
Location: India
Referrals: 5
ForumCoin: 1,113

Re: Best Practices in Creating Responsive Web Design

Postby Mika » 27 Mar 2021, 08:37

GuestHu wrote:Yeap. An easy way to create a responsive website. But most of us use bootstrap, an open-source framework, whenever we build a complex website. It saves time and we don't need to build a responsive site from scratch.

That's true. However, my favorite way to create a responsive wordpress site is by using theme that is responsive. When you use responsive theme, your site will adapt according to the device screen.
  • 0

User avatar
Mika
 
Posts: 8,084
ForumCoin: 916

Re: Best Practices in Creating Responsive Web Design

Postby GuestHu » 27 Mar 2021, 09:29

Mika wrote:When you use responsive theme, your site will adapt according to the device screen.

True. You don't have to waste your time testing if an image or something is viewed nicely in every screen size.

ptrikha21 wrote:is Web Programming mainly done in Dot Net and C# these days or in Java / Angular as well?

Yes, you can develop a website using C# or java because there is Web assembly that can help run the code on browsers.
Angular is a web framework though not widely used yet because some say it is hard to learn but I believe it will grow in the future.
  • 0

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749

Re: Best Practices in Creating Responsive Web Design

Postby Mika » 31 Mar 2021, 07:33

GuestHu wrote:True. You don't have to waste your time testing if an image or something is viewed nicely in every screen size.

Using responsive simplifies everything and takes less time. However, if you are working on your own template, you might have to do a lot of hard work.
  • 0

User avatar
Mika
 
Posts: 8,084
ForumCoin: 916

Re: Best Practices in Creating Responsive Web Design

Postby GuestHu » 31 Mar 2021, 11:30

Mika wrote: if you are working on your own template, you might have to do a lot of hard work.

True, it will totally consume your time. But some web designers design their own templates then sell them online, as their passive income.
  • 0

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749

Re: Best Practices in Creating Responsive Web Design

Postby ranamal » 13 Jul 2021, 05:40

If you are begginer and want learn you can learn through w3schools, when I am at beginning I started through this site
  • 0

ranamal
 
Posts: 504
Referrals: 1
ForumCoin: 26

Re: Best Practices in Creating Responsive Web Design

Postby Debzy5459 » 21 Jul 2021, 18:15

Well I don’t really know much about web design but still a bit learner will try and look for tutor and make more research about it.
  • 0

Debzy5459
 
Posts: 221
ForumCoin: 8

Re: Best Practices in Creating Responsive Web Design

Postby GuestHu » 27 Jul 2021, 08:00

ranamal wrote:If you are begginer and want learn you can learn through w3schools

True and if you think you are confident in coding, try challenging yourself by creating a simple project such as a tic-tac-toe game, quiz game, to-do list app, or search for coding problems and attempt to solve them on your own, then compare it with other solutions provided by other programmers.
  • 0

User avatar
GuestHu
 
Posts: 1,402
ForumCoin: 749



Your Ad Here.

Return to Webmaster Questions, Discussion & News



Who is online

Users browsing this forum: Claude [Bot] and 5 guests

Reputation System ©'