May 25, 201412 yr Hello, I have a client who has given me a RUSH job to convert his "GAMING" site to a Responsive Design site. Don't have time to go it the traditional way. What is the quickest way available to convert a site to Responsive?
May 25, 201412 yr There is no "fast" way, if it's not responsive right now, it's going to take time. Your client is just going to have to face the fact that no matter where he goes, it's going to take someone time to code the stylesheet. I don't understand the real rush for one anyway, if he's went this long without making it responsive.
May 25, 201412 yr Although the site might not look exactly the same after, you could use a grid system like bootstrap for example, of course though there may be a learning curve which could mean it takes longer.
May 25, 201412 yr Depends on the complexity of the website. If it is pretty basic, you could use css media queries as per usual but just hide the entire full sized website (wrap it all in a div) and then quickly recreate it's elements again in another division, style those quickly from scratch (I always find it easier to code the css from scratch as opposed to changing each element individually) so that it is completely flexible to any screen size below the regular website. Now, this definitely isn't the preferential way to go about it. You'll end up with a lengthy HTML document and possibly having to load images and textures more than necessary. But it would be the fastest solution that I can imagine. Preferably afterwards you could go back and convert it to responsive using the normal method.
May 25, 201412 yr Depends on the complexity of the website. If it is pretty basic, you could use css media queries as per usual but just hide the entire full sized website (wrap it all in a div) and then quickly recreate it's elements again in another division, style those quickly from scratch (I always find it easier to code the css from scratch as opposed to changing each element individually) so that it is completely flexible to any screen size below the regular website. Now, this definitely isn't the preferential way to go about it. You'll end up with a lengthy HTML document and possibly having to load images and textures more than necessary. But it would be the fastest solution that I can imagine. Preferably afterwards you could go back and convert it to responsive using the normal method. I am sorry to disagree but the op asked for responsive, not reactive design.
May 25, 201412 yr Media quarries is definitely the fastest route. Although it's going to take a lot of fiddling around, and not to mention testing on countless of devices. When redesigning a website, responsive design is an annoying game of cat and mouse; everything fits on one screen, nothing on the other. Sometimes it's easier just to start from scratch.
June 10, 201412 yr You must heard of "where there is a will there is a way". You need to understand what responsive web design is? How does it work? there are some popular frameworks you can use to have responsive web design. 'Twitter Bootstrap' is one of them. Get to know the useful tools then it will take less time exactly what you want. .gif' alt=':seas8:'>
June 10, 201412 yr From what you said about the clients needs i'd walk away, typically this kind of client prove more trouble than they are worth. Just hacking away at the css to make it responsive is by all means possible but is a terrible idea that will result in totally awful code. And as Fuzzy Logic put just using media queries to hide stuff does not make it responsive. In a responsive site the grid is based on percentages and not pixels.
June 17, 201412 yr perrymorse you learn and try bootstrap is the easiest way ro decrease your time responsive website development.
Create an account or sign in to comment