How do I build a mobile(tablet) friendly version of my website? - c#

I created website and it uses fluid layout CSS for most of the parts. I now want to make a tablet friendly look of this website.
This website should be viewable properly on Ipad. That's my only requirement.
How can I do this? Which are the development tools to speed me up for this?
Edit: Many people are give suggestion to use Jquery Mobile. Can I use that with my existing Asp.Net website? Do I need to change my whole existing CSS and also am I restricted to use those Jquery UI buttons only?
2nd and most important question is will this work with Asp.Net Vanilla. Say if I have a gridview on my page. Will Jquery mobile work?

For device friendly website, you should use Asp.net MVC4 and jQuery Mobile. It has great mobile features
First you should read Using HTML5 to Create Mobile Experiences and 50 Responsive web examples

Use the CSS Media Queries. And here is a useful article about ASP.NET MVC4 mobile features.

You can also look into responsive CSS. It uses device width and image scaling and good CSS definitions to scale the site to the device.

You can also use a framework for your responsive design.
e.g. framelessgrid

Related

Xamarin display html5, css3, js, ajax

I need display html5 document in my xamarin application, i need support for html5, css3, javascript and ajax. Is there any solution to display it?
The built in UIWebView in iOS is always quite limited in what it can do. Especially when you want a lot of fancy stuff like the technologies you mentioned. In iOS8 the WKWebView and the WebKit framework was introduced which is said to be a lot better but I have yet to work with it. I believe Xamarin Forms uses UIWebView under the hood though.

asp.net vs asp.net mvc or wpf broswer based application

I need to make an application that will be used over the internet.
Detail: My application would be a some kind of word processor like ms-office (i know i can't make ms-office but can add some functionalities) in which any body can come and write documents for eg. (Applications,essay,books ,etc...) in our national language.
I have considered three options ASP.NET MVC and WPF (web) and ASP.NET(Web Forms).
WPF Web Browser applications can be accessed on IE and Firefox.
What are the pros and cons of using ASP.NET MVC and WPF (web) and ASP.NET(Web Forms) over the Internet ?ms-office is a desktop application can i acheive maximum functionalities by using web ?
Any suggestion would be appreciated
You probably want ASP.NET MVC.
Windows Presentation Form (WPF)
WPF is used more for desktop Applications rather than web applications. It probably isn't viable for this situation.
ASP.NET MVC
ASP.NET MVC is Microsoft's current method of developing Web Applications. From personal experience, it's a great system. It does have a bit of a learning curve but it shouldn't be too tough to pick up. There's a lot of good resources out there to learn it. I would recommend this for building a web application.
ASP.NET Web Forms
Web Forms is Microsoft's older way to develop web applcations. ASP.NET MVC is build off of this platform, but development doesn't resemble it in any way. It's a lot less robust system than MVC and doesn't have a very active community for help.
If you're looking for a good in browser text editor with options similar to Microsoft Word, I'd look at CKEditor. I've used it and it's pretty easy to work with.
You should consider ASP.NET Web Forms or ASP.NET MVC 3+.
As Thomasov mentioned, WPF is intended to make Desktop Applications. It may be possible to make a WPF Web Site, but don't. ASP.NET Web Forms and ASP.NET MVC are much better solutions for internet applications.
ASP.NET Web Forms is the older version of ASP.NET MVC. Web Forms and MVC have syntactic differences, feature differences, as well as performance differences. MVC will definitely perform better for a larger application and give you more flexibility than the older counterpart.
It is possible to get all the functionality from Microsoft Word into a web site, but this will entail a lot of time and effort. Everything is possible in the world of programming! ;)
Google Docs is a good example of a Web version to Microsoft Word, though not completely covering all of the functionality Microsoft Word has. I'm sure there are other examples as well.

How to develop website for mobiles using asp.net(C#)

Is there any tool available for developing mobile websites using asp.net (C#)...
or else any other tool???
The same tools as you develop any other websites in C#: typically, Visual Studio. A mobile website only differs in presentation and in some capabilities (eg: javascript/css may be limited), but functionally it's the same as a "non-mobile" site.
There's no fundamental difference between regular cross-browser development and mobile development. You're still writing the same code, the same markup, etc. You probably need to be more aware of the limitations of the browser than usual, but that doesn't change the tooling or process.
Is there a particular problem you're having that you can't solve?
If you are going to develop a website for mobiles (as opposed to a native app), then the server side language does not matter that much. It's more a matter of the css and client-side framework (if any) you are using.
One option would be to use asp.net mvc on the server side and jQuery Mobile or http://jQtouch.com for the client side. There are also other options, but these are the best I have found for my own use.
As other people have said, if it's a website you're developing then the tools are the same as any non-mobile website.
Another option for the client side is Sencha Touch.
Take a look at Mobile Device Browser File (http://mdbf.codeplex.com/). Actually that particular project is no longer supported, but it used to work quite well. It basically automates a lot of the leg work of identifying the mobile client and rendering the right styles and script. You may be able to find something similar with a bit of searching.

Recording Audio sound on Internet - C# ASP.NET

I want build an application on web which records the audio sound through Mic.
If any one can provide some appropriate approach or some links would be helpful.
also if you can suggest some third party control which is free.
The technology for Implementation - ASP.NET , C#
Since you are looking to use C#, check out Silverlight 4 which added microphone support to Silverlight. Here is a tutorial on accessing the microphone in Silverlight 4. Scratch Audio is a great example of a Silverlight support with microphone support.
javascript does not give mic support. You would have to include another technology to do this.
I know flash supports microsoft input. It might be the best place to start. I don't know if silverlight has these features.
The only other things i can think of would be an activeX control for IE, or a standalone application. Both of these look like much worse approaches
You can use flash to record from microphone and upload it to a server. For the server you can use Red5 which is great open source server.
Here are some examples:
http:// => fms.denniehoopingarner.com/
http:// => mariofalomir.com/blog/?p=101
(Sorry but i can only post 1 hyperlink)

How To Create Cross Browser Asp.net Custom Control

I'm goingto create an asp.net control which should be cross browser. and support some skin - multilanguage and rtl & ltr support.
I want to know what should I consider and also looking for a good article
Write valid xhtml.
Read this article on How to make Cross Browser Websites. It doesn't really have to do with if you use asp.net or php to create re-usable web-controls / sites. You just need to follow the standards and maybe apply some hacks if you want to support older versions of web-browsers.
Have a look at this series: Building ASP.NET User and Server Controls
Cross browser designs generally depends on what kinda design features you want to support, best thing to get started with is learning asp.net control adapters, It's basically bunch of ready made samples that shows how to detect browser early in the execution of the request and reflect to the design using in-built actions provided by asp.net technology, or write your own!
Hope this helps

Categories

Resources