I have a website built on webflow but it's not responsive to mobile and tablet except destop.
what can i do about it?
i have tried many options but still the same.
Example: i have increases the VH of the sections and some other things
Related
I need to develop a web project for mobile devices. And I met an awkard situation.
This is customer's desire. A user come to the bar. He scan QR image with a phone camera, a banner appears to ask if he want to open the browser menu or an app.
Well, as a web developer this seems absolutely impossible. But the problem is that the customer claims that this is the most common UX those days. I am not sure what does it mean. Have you seen any kind of thing like this and know how to do it? Or is it just a customer's imagination?
Even if they implemented this via app, I just want to know how they were able to show the banner on a camera. Thanks in adavance.
I am currently developing a website that uses Google Custom Search and need to do some heavy CSS customisations. The thing is that I need it to be consistent between desktop and mobile layouts, as currently it is working fine for desktops, but looks broken on mobile phones due to the missing page numbering (on desktop it is 1 to 10, whereas on mobile it just shows: < Page 2 >).
Is there a way to trick Google CSE to always use the desktop layout, even on phones? I tried setting the UA string using Javascript in the website, but it did not work.
You can set the "mobileLayout" Search Element attribute to "disabled"
See https://developers.google.com/custom-search/docs/element#supported_attributes
example: <div class="gcse-search" data-mobileLayout="disabled"></div>
this is not clear to me from the documentation and from the current behavior I see in my app: The stylesheets work nice using a web browser, but not on the mobile app.
So what I was looking for is how to apply different background images in our mobile app (or at least colors) to the navigation page (top level pages list) and any other pages. We would like to apply different styles to the our current, I guess default style but don't know how to do this. So at this point I do not know what I can ask our graphics designer to provide.
Any docs that I missed or examples I can look at?
Thanks,
Vincent
The styles you are using for the web are applied by RAP's theming. Currently Tabris does not support theming. The only option you have at the moment is to use the SWT setBackground.Image methods on the widget itself. To behave different as in the web you could use RWT.getClient().getService( ClientDevice.class ).getPlatform(); to distinguish between the mobile and web client.
On my FBpage I wish to add custom tabs, within these tabs/iframes I want to external link my website (html/css, hosted on One.com, no SSL) so to achieve a fancy design, kind of like these:
http://bit.ly/YX1Vpr
http://on.fb.me/14NITT5
Tried the app "Static HTML" and added three tabs (Info, Contact, Biography) and I found two interesting options:
1) "Static HTML
A simple HTML editor allowing you to create static HTML content"
2) "Website
Use a page from your website. Includes resizing functionality."
Tried option 2 and linked an external page hosted on One.com, but it doesn’t seem to work on tablets/phones.
BOTTOM QUESTION: Any way to get around the SSLrestriction, ie by apps such as Static HTML, Woobox etc - or do I just need an SSL either way?
You cannot have a custom layout on Facebook pages OR profiles. You can add custom tabs via adding applications to your facebook page. Below are a few good pre packaged Facebook application providers. The list is ordered by perceived quality vs price (some are free, some are paid, and some allow you to white label your application after paying X dollars per month). Note that this ordering is completely subjective to my experience.
http://www.wildfireapp.com/plans (specific for promotions)
http://www.votigo.com/corp/features-and-pricing.php (specific for promotions)
http://www.shortstackapp.com/ (white label $30 and up)
https://www.socialappshq.com/home/pricing (white label $99 and up)
http://northsocial.com/pricing/ (SRM, white label $79 and up, also pricey)
http://www.agorapulse.com/pricing/ (white label $145 and up)
http://www.pagemodo.com/pricing (white label $30 and up)
http://thrusocial.com/index/subscribe (white label $20 and up)
http://www.tabfusion.com/pricing.php
http://www.faceitpages.com/pricing.php (white label $125 and up)
http://www.tabsite.com/pricing.php
Besides the above, you CAN develop Facebook applications and host them on your OWN server. This is a much more complicated setup, and I recommend you start with one of the options above. If you decide to use this method you will need to purchase an SSL certificate for the domain under which you are hosting your FB app, EVEN if your app is only static content. Find a suitable SSL sert provider via a simple search.
I'm trying to conditionally render/hide some html in one of my views for tablets and mobile devices such as android phones & tablets, iPhone, iPad, etc. So far I have this setup:
def mobile_agent?
request.user_agent =~ /Mobile|webOS/
end
This seems to work good, but currently it only supports mobile devices and not tablets. I know mobile_fu groups both mobile devices and tablets under the mobile device category, however it also changes the request format which I don't want. My web application is utilizing a responsive theme so views are meant to work under any device with the exception of an embeded Unity webplayer which I wish to hide in a single view.
Is there any way I can extend the above method to include tablets as well as mobile devices?
I use this one
def mobile_agent?
request.env["HTTP_USER_AGENT"] && request.env["HTTP_USER_AGENT"][/(iPhone|iPad|iPod|BlackBerry|Android)/]
end
Try this: https://github.com/neighborland/mobu
Mobu provides a Rails controller concern called DetectMobile. Mobu does server-side User Agent detection to categorize requests as mobile, tablet, or default.
Mobu modifies your rails view paths based on the request type. It does not require custom MIME types or separate subdomains.