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 6 years ago.
Improve this question
I am looking for some guidelines or suggestion, on what is a "good" size for clickable elements when developing for mobile devices?
the common resolution for smart phones like iphone is 320x480.
so maybe go for the size of a finger , like about 44x44.
look here minimum-sensible-button-size-on-iphone
If the mobile device is not touch sensitive (using stylus) then visible 5mm x 5mm can be fine. Exact pixel values depends on the displays dpi (dot per inch) parameter
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 5 years ago.
Improve this question
On an average, what should be the size of the image for full-screen background?
I'm currently using a 1920x1080 pixels image, would that be ok or is it too small for desktop size screens?
It depends on the native resolution of your screen.
The image used should match the native resolution of your screen for the best result.
There is a couple of things you can do to adress this issue since people will be using different screen sizes.
Dynamicly generate your background; this limits you to the use of pure symetrical images
Upload multiple sizes of your background image, grab the screen resolution from the users user-agent and display the correct size image.
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 7 years ago.
Improve this question
I am needing some clarification regarding this table that I'm designing.
Can it be done on mobile? And if it can be done on mobile, roughly how it will look?
Google Chrome
If you want to test if in a specific mobile will it works you can do by two ways :
1-Remote-debugging
2-Or you just can press f12 and search Toggle device mobile, there you can select a mobile to see if your web is correctly rensponsive.
Here's the example : http://www.girliemac.com/blog/2014/07/28/devicemode/
Mozilla Firefox
https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/
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 want to make a website which scales to window size/resolution.
Currently I am using tables which are not scaling, but instead overlap each other as I resize browser window.
What do I use in order to solve my problem?
Thanks
Search about Responsive Design, meaning the design and the implementation of a website so that it can be optimally displayed in a wide range of screen resolutions. Look here for more.
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 8 years ago.
Improve this question
What do people think is the minimum screen size one needs to cater for?
640px?
Is there are hard and fast rule like the old 960px wide?
Thanks
Similar question like;
http://stackoverflow.com/questions/842638/whats-the-standard-minimum-resolution-i-should-support-with-a-website
http://webmasters.stackexchange.com/questions/1423/which-minimum-browser-or-screen-resolution-should-i-target-my-web-apps
Min. resolution for responsive layout that should be supported is 320px X 480px i.e. iPhone resolution.
Yeah totally true what has already been said that the minimum screen size you have to cater to is usually 320px.
Also, I would say that after you deploy the site, you should monitor it frequently with Google Analytics which will tell you what screen-size your website visitors are using.
Today we have a lot of screen sizes. I don't think we have a minimum sreen size. And if we have, probably it will be the iWatch...
http://media-cache-ak0.pinimg.com/736x/bb/d1/a2/bbd1a29bf07aa047ac66a74f88751328.jpg
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'm creating a website for myself (portfolio to be precise) and I have some images that I want to put in the website.
I was coding on my laptop (15") and previewing the website there all the time. I then uploaded it to a server and opened it on my home pc (23" screen), first thing I noticed was that all the images are way too small for this kind of screen.
Images looked perfectly fine and occupied about 60% of the screen height on my laptop while they hardly occupy 40% of my 23" screen.
How do you website designers deal with this kind of stuff?
Responsive web design along with media queries is the way to go.
http://www.hongkiat.com/blog/responsive-web-tutorials/