Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
How can I be sure that my web site can be viewed in smatphones (with different resolutions and screen's size) without any problem.
Is there a way to convert the couple html/css of a classic web site to be compatible everywhere.
Best regards.
I use http://mite.keynote.com/ to help test websites on mobiles that I don't have physically available. It's not perfect, but it's about the best testing suite I've seen and will definitely give you an idea of whether or not your design will work.
As for the actual design methodology, just make sure you don't specify anything in pixels or points, all dimensions should be specified with em's (or ex, etc) or percentages. From there, it's just a matter or trying things to see if they work.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
This is my first time asking a question here on stackoverflow.
I'd like to know if anyone (more experienced in web design than me, but that's an easy one!) can help me out with a couple tips on how to make this website faster to load and navigate:
www.treasure-diggers.com
I know the HD video banner is the first thing that comes to mind, but that was an explicit request from the client (no Low-Definition render or Youtube player).
Aside from that, it's just a wordpress page with a dozen of medium-sized images, and yet it takes quite a while to load on low connection speeds.
Do you have any advice? Thanks in advance!
Look, I've checked your website in website speed test service (GTmetrix) and here you can check the result yourself.
There are some advices, for example, you can minify CSS and JS files and you can specify image dimensions for small images, like social icons, for example. try to resize big images yourself, not with the help of website. After that check the result in GTmetrix, your website speed will be improved =)
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have been doing some research about what width you should use for your website if you're not using responsive design.
The most mentioned width where:
960px
978px
980px
My question is since most of these posts where outdated, which one is prefered nowdays?
I want it to scale down so good as possible for mobile devices.
Thanks Jack
Number 960 is divisible with pretty much anything (28 factors, which is a lot), that's the reason it's used the most. This not only scales well, but allows you to divide the page into many, many variants of equal-width column numbers.
And it's probably to stay around as a standard for quite a while (until we get much larger/denser displays).
Mobiles nowadays have no trouble scaling whatever you give them, but it's your task to make sure it looks nice and readable when it's scaled down, even if you decide not to use 960.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I know responsive units like rem were introduced to make a page properly zoomable, but I wonder if there is any other use case, if modern browsers zoom px-based values, too? They even treat px-based media queries responsively nowadays: if I zoom into a responsive website far enough, it will switch to the mobile layout.
Thank you.
EDIT:
I only know one use case myself: If you want users to set the font-size dynamically on a page (e.g. like in a ebook reader app something like this).
rem was not introduced to make a page "properly zoomable", it was introduced to allow the sizes of things to be set relative to the base font size.
Having content scale based around the font size the user is comfortable reading is useful.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
What is the largest width/height that could be applied to the canvas element effectively? (only draw to the canvas once), also think of mobile etc.
Thanks!
If you are thinking of mobile and wanting the largest possible, those are working at contrary aims.
Mobile the largest reasonable depends on the device size for viewing. Your question sounds more like it is asking what is the largest canvas you can draw...which would depend on what you are putting on it and the hardware of the computer it is being rendered on.
There is not alot/any reasons to use super giant canvases, as far as I know.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I essentially want to be able to scale the entire site (images, elements, the whole sha-bang) to what ever browser size window the user is using. Anyone have success doing this and would be willing to share how?
I'm using HTML 5 by the way.
You need to start thinking about sizing your elements using percentages instead of pixels.
Take a look at this simple example and it may help you on your way. Good luck.
http://jsfiddle.net/hACbn/1/
Take a look at using responsive layouts:
Here's a half decent framework to get you started
http://gridpak.com/