Questions tagged [responsive-webdesign]
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
119 questions
0
votes
1
answer
48
views
How does one calculate the srcset sizes attribute for optimal image delivery?
I've been toying around with firefox responsive design mode against my website and can't seem to figure out the proper settings for img srcset that would work with as many web browsers as possible ...
- 13.7k
0
votes
0
answers
50
views
Trying to learn JSON after a little CSS and HTML
I'm learning to place media queries into a website for getting the correct layout changes I need on different mobile devices. I've done this in CSS and Bootstrap before, but my job is asking me to do ...
user138295
2
votes
1
answer
55
views
Is duplicative responsive text dilutive to SEO?
Let’s say I want to have responsive page text like the below:
<h1 class=“hide-sm”>My Awesome Widgets</h1>
<h1 class=“show-sm”>Widgets</h1>
Let’s say for argument’s sake my ...
- 123
2
votes
1
answer
649
views
Determine Font Sizes for Common Screens - Accounting for Pixel Density (PPI)
Just trying to determine modern best practices for previewing, anticipating, and determining best font sizes to use for web design these days while accounting for the different types of displays the ...
- 21
4
votes
1
answer
811
views
Responsive Websites <meta name="viewport" content="width=device-width, initial-scale=1">
Everywhere I look (e.g. Web.dev), it tells you that you must use <meta name="viewport" content="width=device-width, initial-scale=1"> in the header of your HTML file, so ...
- 457
1
vote
1
answer
64
views
How to check template on safari desktop and mobile without mac?
I am developing a HTML/CSS template. I am using Fedora Linux platform to write codes and test pages.
For test my template on safari (especially mobile version) I have some trouble without any apple ...
- 111
1
vote
1
answer
38
views
Are there pitfalls to implementing a hybrid site with both responsive layouts and dynamic serving layouts?
I have a 20 year old site that I want to upgrade to a responsive layout. Originally it was a desktop-only layout but when a significant portion of my user base went mobile I implemented dynamic ...
- 99.9k
3
votes
1
answer
189
views
Google Search Console errors occuring and disappearing all the time
In the Google Search Console I keep getting some errors under "Mobile Usability" that pop up every once in a while and then disappear again. To be more exact, it's these two errors mainly, ...
- 235
2
votes
0
answers
29
views
Dynamic Serving via 'vary http': Is still valid? Why the industry prefer full responsive websites instead?
I have a client that asked me to develop a website using a dynamic serving technique, basically he uses the vary http header in order to serve different versions of the front-end discerning them based ...
- 121
1
vote
0
answers
79
views
max-width and data-srcset: Chrome is loading the wider version on mobile
I've been trying to use responsive+lazyload images on my website, and I created the following piece of code:
<center><picture>
<source type="image/webp" media="(max-width:...
- 423
0
votes
1
answer
57
views
Google SEO crawl budget problem with a website of 2,400,000 URLs: should I keep on serving AMP files?
I manage a website with 200,000+ products, with 2,400,000 URLs:
600,000 URLs for non-AMP visitors in English (per product: 1 page of features, 1 page with photos, 1 page with opinions)
600,000 URLs ...
- 423
1
vote
1
answer
104
views
How to manage page caching to serve different AdSense units for Mobile and Desktop
I'm trying to cache the pages of my website, which are responsive and show the same contents for Desktop and for Mobile, with the exception of the location of the AdSense units if the visit is from ...
- 423
1
vote
0
answers
28
views
What are the different ways to creating template for a website from scratch? [closed]
I would like to know the different ways we can create template for a website because many times the pre-made templates available online don't fit to the requirements of everybody.
The style I want ...
- 111
1
vote
1
answer
258
views
Is there a CSS or JS solution to stop bad word wrapping arround images on mobile?
I have a blog post here which works fine on a larger screen but not so much on a smaller one.
As you can see from the screenshot below the paragraph breaks very poorly around the image. Given how ...
1
vote
0
answers
58
views
Do we need to specifically support old browsers to be WCAG compliant or is following the robust principle enough?
I understand WCAG is technology agnostic, so it doesn't specify which browsers, devices, and operating systems that a website needs to be accessible on.
However, our site isn't responsive on certain ...
- 11