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.
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 have a moderate level experience on HTML, PHP, CSS, Javascript and WordPress development. So I decided to create my own theme for my personal blog. I'm writing tutorials, snippets and tech news on my blog.
In fact I prefer using new design trends like single page apps. Letting users to navigate between homepage to a post or a post to another post without reloading whole page. I think using WordPress Rest API and AngularJS would be adequate.
My actual question; is it creating a SPA theme for a simple blog is sensible? Can using WP REST API for this purpose increase or reduce my server load and page load time?
Is it sensible? Sure, if that's how you want it to work.
Can using WP REST API for this purpose increase or reduce my server load and page load time? Yes it can either increase or reduce your server load time. It comes down to your actual implementation, which until you implement it wont do either.
Most blogs are fairly simple with very little html/css/js and most of the content (i.e. bytes that must be transferred over the wire) is in any media that is included as part of your articles. If you are only considering it for the purposes of reduced server load or page load time, there are a lot of other techniques that would probably prove more beneficial than converting your entire app to SPA (e.g. optimizing your static content or serving it from a CDN). Of course I don't know your exact situation and without knowing more, no one is really going to be able to help you much more.
If you have a specific change to an existing you would like for us to compare, that's something Stack Overflow would be much better at for you. Right now we're just guessing what your situation is.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Im just begining to use polymer and i was testing to make a demo website using polymer components but i felt difficulty on making the pages responsive ?
Should i use css?
Thanks
Yep, you could use CSS. However, web components can be a bit tricky to get responsive because of their nature of re-use and possibly different locations.
Unfortunately, while CSS/media-queries are one solution, it's not the perfect solution. Why? Because the same component, depending on it's location/container may be desired to look/behave differently. For instance, a "voting" component in a primary content section (800PX wide) may display additional information vs the same component in a right rail (200PX wide) where just the question/answers may be displayed.
What we as web developers really need are "element queries", which allow components to react based on their occupying space (rather than the page-level layout). There are articles and polyfills regarding this that may be of interest to you. One can be found here:
http://www.smashingmagazine.com/2013/06/25/media-queries-are-not-the-answer-element-query-polyfill/
IMO, you should focus on Web instead of Mobile, because the native Android browsers before Android 4.4 doesn't support Polymer, even with Polyfills!
Anyway there is a core-drawer-panel, which is a responsive layout you can start with.
https://www.polymer-project.org/docs/elements/core-elements.html#core-drawer-panel
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 8 years ago.
Improve this question
I'd like to learn to create a website with processing on the client side.
Here are my goals:
- The program would look like something like Picasa or Lightroom. It means processing lot of pictures in a row
- I'd like the client to download the "image processor" to avoid uploading plenty of pictures on the server (which is slow and frustrating IMHO).
- I also have in mind to create a mobile version of the website
I don't know a lot about internet programming languages but here are my thoughts at the moment:
Flash: I think it would do, but I don't like it (not portable enough from what I read)
Java: This is the one I am thinking of at the moment. But I don't like the idea of asking users to download a third party if they don't have it.
HTML5 + Javascript: I don't what it means regarding Javascript capabilities. Would it be a pain?
Python, Ruby on Rail, C#: I don't know what it means to use them for web programming. I already used Python put as scripting language.
There are for sure other technologies that I am not aware of. Feel free to propose anything else that is mainstream enough to get good support on the internet :)!
Thank you for your help!
I hope you won't think it is a duplicate. I made some search and found this for ex:
Client-side image processing
=> But they already have their core processing since I have nothing!
Modern web browsers support html5 & javascript out of the box - older ones at least have support for javascript unless support for something truely ancient is desired - so considering the compatibility it should be the best one of these alternatives.
Flash needs a flash-plugin and a Java applet needs a jre-plugin.
Have never seen the 4th choice in client-based web-applications really, so not sure about how that would be 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 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 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.