Responsive Web

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Share tech news, updates, or what's on your mind.

Sign up to Post

I'm working on a simple xamarin android app, that allows to display a responsive web site, and receive push notifications.

Webview seems to have some limitations on Xamarin, so I used the following workaround (https://github.com/GabLeRoux/xamarin-android-webview-upload) based on the following comments (https://forums.xamarin.com/discussion/3259/cannot-override-webviewclient-class-for-file-upload-support) in order to get html upload button work as expected.

Everything goes well, until I migrate push notifications from GCM to FCM. After that the webview, returns to work as the beginning.

Basically, the html upload button does not open a file chooser dialog, and don't raise any error. It simply does nothing.

Following is the code I'm using on the web activity.

I'm using Xamarin.Android 7.3, and VS 2015.

Any help is welcome.

using System;
using Android.Runtime;
using Android.Views;
using Android.App;
using Android.Content;
using Android.OS;

using Android.Webkit;
using Android.Widget;



namespace sigese
{
    [Activity(Label = "WebActivity")]
    public class WebActivity : Activity
    {


        IValueCallback mUploadMessage;
        private static int FILECHOOSER_RESULTCODE = 1;
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
            SetContentView(Resource.Layout.WebLayout);

            ActionBar.Hide();

            var username = Intent.GetStringExtra("username");
            var password 

Open in new window

0
On Demand Webinar - Networking for the Cloud Era
LVL 9
On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

I have a responsibe site.

When viewed on a mobile the menu disappears when I try do move to the bottom options. It doesn't happen with only 3 options

I know it is not much to go on. But here is the site:

http://funciona.atletasmexico.com/

Maybe I should change the menu with new different code. Any suggestions will be welcome
0
see theme for vb3
and when i zoom  the page some objects are hide to looks good in responsive
see pic
before zoom
Untitled.jpgafter zoom
ssss.jpg
0
I've created a template in WordPress and I want the page it generates to scale as the viewport size changes. I've done this outside of WordPress by first expressing all my units in rems and then  setting the html font-size proportional to the viewport size by placing the code below in the DOM Ready section:

var viewport_width = $( window ).width();  // Returns width of the current browser viewport
		if (viewport_width < 1400) {	        
			font_pc = (viewport_width / 1400) * .625 * 100);   
			$(html).css("font-size", font_pc + '%');
		}

Open in new window


Actually this starts the scaling when the viewport is < 1400px and  In this example, if the viewport were 1200px font_pc would e 53.6% and that would become the html element font-size, reducing everything expressed in rems.

My question is, how can I pull this off for a WordPress template php file?

Thanks
0
http://www.custompatches.net/test/index3.html

When I resize the browser window down just enough so that the design does its first adjustment, the blue box saying "Get Quote Now" goes in the wrong place. I need it to stay to the right of the top nav, exactly like it does at full size. I cannot figure out what is causing this problem, whether its the actual .quote-title div or if somehow the top nav div is causing it.
0
We have a computer that is connected to a Cisco ASA router. This local router sets up an encrypted tunnel to a Cisco ASA router at a remote location. This remote location has a couple of web servers. From the workstation, I am able to ping (by DNS name and IP address) both web servers, see the ports 80 and 443 open and can always resolve one of the web pages (we'll call it works.company.org). The other webpage we'll call broke.company.org we cannot resolve.

After researching this with wireshark, I can see that the workstation sends a "Client Hello" to broke.company.org, but doesn't see any "Server Hello" response back. However, from the web server side, a packet capture reveals that it does attempt to send its' "Server Hello, Certificate, Server Key Exchange, Server Hello Done" to the workstation, but it doesn't make it to the workstation.

If we change the workstation's IP address to another IP address in the local subnet, it is able to communicate with the web server for about a day and then something locks up that IP address permanently and then SSL handshake will no longer complete until I change the workstation IP address to a new/different IP address in the local subnet.

If we connect this workstation and Cisco ASA Router to a different commercial ISP line, the web page at broke.company.org resolves every time.

We've tried changing the MTU size on the workstation and on the local Cisco ASA router and that doesn't resolve the problem.

The firewalls in …
0
Hi Experts,

One of our websites was compromised and after been restored, noticed the website is in mobile view by default and not showing correctly on desktop, entire layout is not right, in the footer of the page they are not align in 4 columns horizontally, but aligned vertically.  And the logo is not to the left and the banner to the right. Not sure whats happened with the css and some help on this would be much appreciated to restore our site n business online.  url: pgzambia.com
0
Hi

If we were to develop an Mobile learning application for a school/college. What would be the most difficult class to implement/study using a mobile device?

What are the classes that can be easily implement/study and what are the ones that are very difficult to implement/study in a mobile device.

Waiting for inputs

Thanks
0
Dns look up
0
I'm starting in phonegap and I'm having trouble running the Android SDK Manager.

Whenever I click the start he opens up the emulator only gives error ...

Where I am missing?
android-001.png
android-002.png
android-003.png
0
Free Tool: SSL Checker
LVL 9
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

I have a web site that is responsive and works well on various mobile devices.  The web pages are currently not online, as my client is by their choice,  manually downloading it to tablets to use.

How do I make it an app that can be opened and downloaded -- ideally without having to be online once downloaded.

Thanks.
0
Hi

I am try to implement the SSO and LTPA for Mobile First Platform, but I don't know how to achieve this.

we are using the Websphere Liberty 8.5.3 and it's running on Linux red-hat.

Could somebody give me some good materials or link for this.
0
I am an ASP.NET developer who is going to need to deploy in-house apps for handheld Android devices (rugged tablets).

I kind of just found this out so I've been flailing around looking at Java and Android training videos.

But really, we will want more than just tablet users to use this system.  We'll want web-based users to access it as well.

So now I'm thinking, why am I thinking about deploying Android apps?  Why wouldn't I just write something that works and looks great on an Android device?  

This is a 30K-feet design question.  Are there downsides or gotchas to developing a web app for the Android platform?  I'll be aiming at Firefox or Chrome.  Are those browsers reasonably mature on Android?  All that I plan on having client-side is the HTML markup itself, CSS, Javascript/JQuery, image files...no thick client stuff.  Maybe embedded video.  Users will be uploading local files as well.

Thank you!
0

Responsive Web

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.