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

We are creating a web based application ...to be accessible from any device Laptops, tablets and mobiles

I want an accurate list of Browsers from an expert to consider while developing and testing...

Keep in mind we target all devices...

Thanks So much
0
According that there are many screen resoutions for computers, laptops, tablets and mobiles
what are the standard screen resoutions to consider in developing and final testing ?  

Thanks
0
I am in need to make a mobile app but I want to build it as hybrid app.
I know there are  tools like phonegap, ionic, others

But I am not which one would be the best for making hybrid app.

Suggestion are welcome
0
Hi, sir,
I like bootstrap3 grid,compenents, but i do not like the responsive feature. I want the webpage use bootstrap without mobile first feature. That is to say, the mobile browser render pages the same as desktop. The mobile use must zoom out to see more detail information on a specific region(currently, automatically switched to one column layout).
Is there any method to meet that?
Thanks@!
0
Im looking into the various ways people set up their hosted systems for a clients setup. This will essentially be the back end for an app which will interrogate an SQL backend. The app will be accessed from 200 countries with 5000 concurrent connections worldwide, it needs to be scalable and obviously redundant.  Its bigger than anything Iv ebeen involved in so looking for pointers on how any of you guys do it or would do it. Also companies which provide this time of thing for resellers etc. I obviously want to be involved and have ongoing profit from this as well.

Please fire away with ideas.
0
I am building this page using bootstrap:
http://goo.gl/sUPSwe

when I view it on mobile, the orange email widget that says "Subscribe for more LOL's" becomes elongated. I cannot figure out how to resolve this to the box displays at a normal height. Any help is appreciated.
incorrect.jpg
0
Hi,

I would like to implement login and register functionality for my web application. How to maintain the password security in the DB? Also I plan to develop a mobile app for my web application in future so I should be able to use the same to authenticate users from mobile too? I will have 100,000 users when my application is in production.

Can somebody provide me pointers in this direction?  I am using sql server 2014, asp.net MVC 5 , entity framework.

Thanks for your time.
0
I use Vimeo. I can embed on my mobile website, but when played it goes full screen. It does not go full screen on my desktop website. I would like the videos to play on the mobile page. The videos have been sized in the embed code to be width="167" height="94" . Can this be done with Vimeo.
I altered
<iframe src="//player.vimeo.com/video/114363559?autoplay=1&loop=1" width="167" height="94" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

to

<iframe src="//player.vimeo.com/video/114363559?autoplay=1&loop=1" width="167" height="94" frameborder="0"></iframe>

If Vimeo can't do this, I assume this can be done with YouTube and can I embed the video on my site without making it public? Also, with YouTube,, does this mean that the URL can be cut and pasted to go to the video?
0
What is the latest technology for web development like patient portal (Health care product).
Is single page application preferable? Which one do you prefer.  It should be salable and better performance.
Our Target Technology: .Net Framework  >= 4.5 , HTML5, CSS3, Javascript, Dapper, Angular, Web Api, MSSql Server.
Our Target Platform: Windows, Mac.
Our Target Devices :  desktop, Tablet, mobile

Presentation Layer
Which css framework do you prefer for large scale application. Like Bootstrap, Foundation, Materiel Design,
Which Third parity controls do you prefer for UI development. like infragitics, Telerik, etc (especially grid control)
Which javascript framework is good for large scale framework. like Angularjs, Ember, Winjs, Extjs, or javascript native code, etc..

Service Layer
Which identity provider do you prefer for small and large scale application.
Which one do you prefer for rest service?  WCF / Web Api.
How to secure Rest service other than SSL. (Message level Security)

Data Access Layer
Do you prefer any ORM for Data access layer (MS Sql server - Express edition  ) like Dapper, Entity Framework, Nhibernate, or pure Hand code ?
0
Hi,

I am looking to source an affordable designer for the web, up until now we have been doing this ourselves but through looking at productivity, although we produce good results this is the area we are least efficient at. The issue I have is all the companies I have approached charge more than we charge for just the design component only etc ... (our average build we do for about $2,500 to $12,000 NZD depending on complexity, custom functionality / custom design implementation. (we predominantly develop on WordPress but also do custom builds using Symfony2)

I am looking for small one to 4 person company that I can give turnover to in volume of jobs, but, I don't want the entire budget of the jobs absorbed by design.

Naturally myself and my business partners are all developers, it doesn't matter where these designers are located as we can all work from anywhere but English speaking is a must as instructions get lost in translation.

Anyone have any recommendations?

Seems odd asking a non technical question on Experts Exchange but there must be people here who have good relationships with people they outsource to that can provide some insight.

My company website is:
www.digiscape.co.nz
0
Hi,

I work as an IT Support and i am looking for an APP for my IPhone the does the same as an IT Ticketing support with scalation and reports at the end of the month. Do you know any APP that does that for IT Supporters.
0
Hello  Expert

we are in the process of evaluating mendix UI with Other UI such as HTML5,, where we are looking at responsive in terms of mobile web... with the desktop application....  and fast search acess,  if  any body has any other UI which can support adaptibility,  maintainability , Integration with other third party tools and a long terms support,,, let me know..
1
If you have used VS2015 for mobile app development,  I want you to help answer please.

The site says you build mobile apps in 2015 using C#, is vb.net no longer used at all?

can you do everything you do in a web app? can you use a web service to retrieve data?

does it allow data connections to your existing sql server database?

Please tell me about the features of what it comes with and what costs extra that I'll need, etc. to get out a mobile app that allows log in with user name and password, looking up their data, displaying data from my existing sql server database, etc. Just if it's possible and easy and doesn't have any hidden fees.

thanks!
0
Hello

I would like  Expert advice on the best practices for media queries to target desktop and popular devices -- both landscape and portrait.

Included in my question is -- is there a "Cascade" of a certain "required" order when creating these media queries.  

Also is a separate stylesheet the best way to go for these type of media querties?

Besides using media queries to adjust the pages for different device "widths" there are some elements I want to hide on certain devices -- such as cell phones.

So if you Experts can advise, I will be splitting the points among all contributors.

Thanks!

Rowby
0
I would like to build or develop an app would capture the following data points
Name, Address, Phone number, Email address, Shipping address, and share a message on FB or other social media when user submits data.

Perhaps there is already a pre-built template or links to some articles regarding.

Thanks in advance
0
Hello,
I am trying to create a responsive mega menu for bootstrap 3, I found the one below
http://geedmo.github.io/yamm3/

and applied it to my build here
http://think.darkstarmedia.net

The big problem with it is that when on a desktop, the menu wont rollover, you need to click it open.

So my question is 2 part
1. Can we make it open on rollover when on a desktop?
2. or can someone recommend a bootstrap 3  mega menu which will do what I need?
0
Hello,

For my website, www.oakhonesty.com, I have a sparkling theme. I've downloaded bootstrap. I want to make a mobile responsive site. Will you help me switch my right margin over to the left (a code walk-through)?

Thanks!
0
Hi, My customer has a Galaxy smartphone, with android. When he touches the screen on the site on his phone, it shrinks down to the left to a really skinny screen.

http://clinica-americas.com  So my questions are:

1. Do you have a phone you can replicate this on? It just would be: go to the site, touch or swipe the screen, and the site will shrink to the left, suddenly taking up only 1/3 of the screen.

2. Can you help me solve this problem?

Thanks.
0
I'm trying to have this form - however the validation is not working... any ideas?

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Expires" CONTENT="0">
<!-- Include meta tag to ensure proper rendering and touch zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<link href="css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" />
<script src="js/rtl.jquery.mobile-1.4.0.js"></script>
</head>

<body>

<div data-role="page">

<div data-role="header" data-theme="b">
    <h1>title</h1>
</div>


<div data-role="content">
    <fieldset>
	
	<form action="try.html" name="form1" method="post" data-ajax="false" class="ui-body ui-body-a ui-corner-all">

	
	
	<fieldset data-role="controlgroup">
	<legend>checkboxes (please check 2 options)</legend>		
	
	
	<p>
		<input type='checkbox' name='q2[]' id='q2_0' value='0' maxlenght="2" minlength="2">
		<label for="q2_0">answer0</label>
		
		<input type='checkbox' name='q2[]' id='q2_1' value='1'>
		<label for="q2_1">answer1</label>
		
		<input type='checkbox' name='q2[]' id='q2_2' value='2'>
		<label for="q2_2">answer2</label>
		
		<input type='checkbox' name='q2[]' id='q2_3' value='3'>
		<label for="q2_3">answer3</label>
		
		<input type='checkbox' name='q2[]' id='q2_4' value='4'>
		<label for="q2_4">answer4</label>
		
	</fieldset>
	
	
			<input 

Open in new window

0
Hello,

How do I easily make a table like this that looks good on mobile. I don't need to stay with a standard html table

http://vnkkh.ervny.servertrust.com/pricing-s/116.htm
0
I have 5 pairs of controls that I want to have spaced evenly when the user's browser window is small (sm). I'm very close but need to find a way to either shrink the 4th pair of elements or grow (widen) the fifth pair. Right now it raps the data of the fifth pair on the line below, when the user's browser window is small. Any suggestions?

    <div class="row">
        <div class="form-group">
            <div class="col-xs-12 col-sm-2 col-md-2 col-lg-3">
                <span class="text-right detail-label-black">Year:</span>
                <asp:Label runat="server" ID="lblYear" class="detail-data-bold-black" />
            </div>
            <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
                <span class="text-right detail-label-black">Make:</span>
                <asp:Label runat="server" ID="lblMake" class="detail-data-bold-black" />
            </div>
            <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
                <span class="text-right detail-label-black">Model:</span>
                <asp:Label runat="server" ID="lblModel" class="detail-data-bold-black" />
            </div>
            <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                <span class="text-right detail-label-black">Mileage:</span>
                <asp:Label runat="server" ID="lblMileage" class="detail-data-bold-black" />
            </div>
            <div class="col-xs-12 col-sm-3 col-md-4 col-lg-3">
                <span class="text-right 

Open in new window

0
Hi,

I have a Mobile Application with Restful Services which runs on Android and iPhone. I want to track user experience on my app with google analytics. Can anyone provide me good tutorials or code samples on this?
0
I want to get started with building a small website for myself.

I will not connect to a database and will just have the GUI on website with several pages.
Also, I want the website to be responsive to device screen sizes.
It does not matter if the pages are HTML/.Net or anything else, I just want to manage the webpages easily for Edit/Addition.

What is the best way to make such a website?
0
My Mobile application which is build on Ionic Framework needs to display More than 3 -10 K records. The time to load is very long and most times it is freezing. Let me know better solution to fix this.
0
I want to display notifications in Ionic Framework Mobile Application, I tried using this article but it is not working:

http://devdactic.com/local-notifications-ionic/

. Can any one suggest best solutions to Enable local notifications on Ionic Framework.
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.

Top Experts In
Responsive Web
<
Monthly
>