Ok, now most mordern smartphone has 720p or 1080p resolution. That mean even screen size is small like 4 in, we still can see all text, gui (such as email textbox) of the whole website when first time opening it in Galaxy s3.
However, though we can see the very little email textbox in mobile browser, it is too small for us to enter data. So we need to magnify the page and that is very time consuming.
My question is, can we make the gui of GWT app automatically enlarges itself so that mobile users do not need to enlarge it?
Also the gwt could shpw the gui in Portrait direction.
you need to follow responsive web design principles to achieve your objective. Also have a look here bootstrap provides widgets that are flexible
Related
So when I create the OG tags for my website I have 2 image tags, the first for other social media and the second that is meant to only be used for whatsapp.
I intentionally make the whatsapp one smaller so that it can appear more compact with the image positioned to the left of all the content, as appose to displaying big at the top of the content.
This has worked until recently, but then IPhone changed it to use the bigger image (the one used for other social media platforms), which is a problem for my client (its a branding thing).
Is there a way to force it to use the compact layout in the whatsapp link preview?
EDIT: I say IPhone, but a better term to use would probably be iOS.
I thought I had my ios app icon all settled. I designed in Photoshop and tested in the prescribed sizes and it looks great (resizing in photoshop and saving to .png). I also tested via the "add to home screen" to see how it would look and looks nice and crisp (via a cool little webpage that lets you upload icon and bookmark on your device).
However, when I upload it as the large 1024 x 1024 icon (png) you do via iTunes Connect my shapes look all jagged. At least in the preview you get when initially getting ready to submit a new application.
Wondering what causes this and what I need to take into account as it pertains to how Apple resizes icons for delivery. Any help in pointing me in the right direction would be great.
What resolution did you design it in? If you designed it in Photoshop, it is a raster image and I would suggest you design in illustrator as a vector, but at the very minimum make sure your designed resolution is higher than the proportions required for the icon by Itunes.
Im wrapping a html5 website in a native app. The app splash screen appears for a sec then a white page appears, I decided to add an image view that have the same image as the splash screen to fill this white screen and I hide this intermediate image once the websites download all the jquery and CSS. However, this screen lasts for really long time (up to 30 sec.) so I thought that it may be due to the jquery and CSS large buddle downloading time. So create a page which has and image and a redirect js(non library) statement and found that redirects so fast. I cannot understand why, anybody have an explanation
That's the expected behaviour when attaching a web view
You may want to consider that your app plans may run afoul of App Store guidelines:
Apple can reject mobile web shell apps.
I have made a webpage using the 960 grid system. And I have made it nice and responsive, following the excellent advice found in www.alistapart.com
So when developing the CSS for my new webpage I kept checking in Dreamweaver's Multiscreen viewport testing option and found that my pages were stacking up nicely on smaller screens. No miniature text, no need for pinch and zoom.
Then when testing page live, I learn that Ipad and Iphone does not resize windows and I can only get a miniaturized version of my full screen webpage.
I am hoping there is a simple CSS way to override this, so that my webpage stacks in a responsive manner also on apple devices.
You can maybe try a fluid grid option, such as sprysoft variable grid system which is based on 960.gs, though it will still have a definite grid layout (just % based instead of px based)
This is my first iPhone application. So I have this long list of doubts :-)
My application has a UItableView on the first tab and a Contact us page on the third tab. In both these tabs I display images.
For the UITableView i get images from the server and for the contact us page I have a set of static images of my client.
My question is, is there any specifications on the quality of these images that I should follow to get my App approved in Appstore?? These images are readable, but not of high resolution.
I know there are guidelines on the Tabbar icon images, the splash screen images. But what about the static images and the images i receive from the server?
Guidance or help would be appreciated :)
There are specifications based on display. However it is not mandatory to support both the displays (normal and retina).
You may want to dig more into the HIG. If you don't have images of double resolution then on the retina display the appearance of the app may be bad.
However you can use any image(barring other violation like DRM, copyrights etc) in your app.
Approval is also based on a large number of parameters. The images may not be a part of it.However they will specify it explicitly if rejected.
Have fun.
If you feel the image is good then use it.. Apple wont gonna reject your app due to images.
But just keep in mind that there are few icons defined by apple for specific purpose like action icon for opening actionsheet, camera icon for opening camera console or wallpaper.
Just keep in mind that you are not changing the behaviour of the predefined icons....
Rest all is fine..
Happy iCoding...