Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
What is the best way to design a website and integrate web design for mobile devices within that website?
I heard the best solution is to simply create a separate CSS file...or redirect to another page that is designed for mobiles...
And are there any tools out there that make this task easier?
A lot depends on the complexity of the site. Many times your best option is to redirect to a mobile specific site. Frameworks like jQuery Mobile can be very useful.
There are multiple ways to achieve this.
You can use responsive CSS media queries to make the same page look different on different device sizes.
In case of standard CMSs like Wordpress/Drupal, there are plugins and themes which automate this for you.
Or you can use a third-party service like MobStac for Developers or Mobify to create a mobile version of your site.
Responsive comes with its own set of limitations; for ex. the markup and content being served to all devices is the same. It does not result in a lighter or faster site by itself. You should look at adaptive instead of plain responsive if you want an optimized experience across devices for your site visitors.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I am developing 1 project but I am little bit confused to choose which technology I should use
I go for AngularJs, but why AngularJs?
I go for WordPress, but why WordPress?
Can anyone suggest me the best option?
The answer is not so simple, because there are many types of fields on which selected technologies can be used and as #steur36 said before, it depends on your project requirements.
Basically, Wordpress is a CMS and its prime functionality is to provide all functionality to run and display a simple webpage (its a mix of frontend and backend). Wordpress could be used with success for small websites or blogs (where the main feature is to provide and/or display basic content, like: text, images/media/gallery, files ect.)
In the other side, there is the AngularJS, a javascript frontend framework where you can focus on visual side of your project and how the content is present to the audience. With AngularJS (or any other javascript frontend framework, like: Ember, Backbone, ect.) you can build the appearance of any webpage or web application, but to store the content, you may also need some RESTful backend server as well (to create queries to the server).
As small summary, Wordpress is great for small and medium websites/blogs (for bigger projects, it might not be adequate). With AngularJS (and probably with some RESTful backend server, because it depends if you really need it) you may create almost any complex projects, but the time of creation will definitely increase relative to Wordpress.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
So, I have a desktop site that has lots of features and design specific contents which are not really suitable for mobile view (loading speed etc).
So, I want to have a separate mobile site, such as m.example.com.
I am thinking of somehow detecting that it is in either mobile or tablet view.
What would be the most appropriate tutorial that is up to date?
As for a good overview of what you might want (to do further research), you might want to take a look at this question: How to make Mobile website like m.yahoo.com (Mobile Version)?
For a good tutorial, I'm not sure if you're asking for a text tutorial or a video tutorial. I find that text tutorials give you options to go at your own pace and dive deeper in the subject. Therefore, I would suggest this tutorial: http://www.html5rocks.com/en/mobile/responsivedesign/
Wish you best of luck with your developing
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I want to add some JS functionality to our site. (wishlist, inquiry, ect) I think it would be nice for the UX that it is going to be build with some JS code
Do i need a JSframework like Angular, ember ect ? Or are JSframeworks only make sense for SPA like editing/backend tools?
That decision is up to you. AngularJS is awesome, but it's not really meant to be used for little pieces of a project. For my taste, I'd write everything with AngularJS. You probably want to check out Backbone if you want to only use it here and there.
From Backbonejs.org:
Philosophically, Backbone is an attempt to discover the minimal set of
data-structuring (models and collections) and user interface (views
and URLs) primitives that are generally useful when building web
applications with JavaScript. In an ecosystem where overarching,
decides-everything-for-you frameworks are commonplace, and many
libraries require your site to be reorganized to suit their look,
feel, and default behavior — Backbone should continue to be a tool
that gives you the freedom to design the full experience of your web
application.
Angular is more like the "overarching, decides-everything-for-you frameworks" it mentions.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
Responsive web design (RWD) is good for admin side (control panel) of web design?
I have more entries and tables in my admin page. so RWD is good for admin development?
Also it is good for develop mobile application for admin forms?
If you know Responsive Web Design as 'Fluid and adaptive layouts with progressively enhancing features', then I think it's probably safe to say that yes, RWD is good for almost any web project. Be aware however, that building responsively is much more difficult and time consuming (read: expensive) and may not offer the necessary ROI that you need.
For example, consider that much backend software like cPanel and such are used by technically skilled people that understand how to resize their browser and work with less-than-polished software.
Also, when you think about cPanel, you must consider whether much of the utilities and functions it provides are efficient and useful in the mobile context - I doubt that sysadmins really want to do module installation or type large amounts of console code with an iPhone keyboard.
So when considering the merits of RWD for backend web software, be sure to weigh up your target audience, their skills and requirements, their equipment and what (and how) they will use the tools available to them to get things done.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 years ago.
Improve this question
I'm going to create mobile version of website...
What width should I choose for design? I know that every device have it's own screen width and it's really difficult to fit all devices...
I'm really confused (pretty new to mobile websites world), please help.
Thank you.
Your approach will depend on how much effort you want to (or can) put into this and what range of mobile users you want to target. For minimal effort, simply use 100% as KennyTM points out and expect your website to be browsed on screen widths from 128px to 480px . With this approach, you'll also need to avoid 'advanced' xhtml directives such as css and divs (and javascript) because most mobile browsers cannot handle some aspects of these. Plan to use tables to manage layout.
For a more advanced approach, you can use an open source project called WURFL (http://wurfl.sourceforge.net/) which is a database of mobile browsers and their capabilities (screen width, support for div, css, images etc...). It has a jsp tag library called WNG where you write once and the tag lib will render the most appropriate html to match the user's device. I believe there is also a PHP library for this.
Rgds, Kevin.
For this sort of question, I can highly recommend reading the MobiForge developers' guide. Lots of useful advice in there, including how to pick the compromises that inevitably result from mobile development.