Here I have discussed,
1. Best Practices of Responsive Web Design
2. Why should I switch my website to RWD?
3. How do I check if particular website is using Responsive Design?
4. If I go with the Responsive Design approach, will my website work with older browsers?
5. There are thousands of mobile devices. What screen resolutions should my responsive website support?
6. How do I get started with Responsive Web Design? Any good tutorials?
You can contact me in fiverr here: https://www.fiverr.com/shaon21
after disscussing all your problems you can buy gigs here: https://www.fiverr.com/shaon21/make-your-page-mobile-friendly-for-all-devices
Twitter: http://www.twitter.com/fiverrweb
Thank you
Why do you need responsive web design | Best practices of responsive web
1. BEST PRACTICES OF RESPONSIVE
WEB DESIGN
Google has officially recommended Responsive Web Design as their preferred
methodfor building mobile websites. If you havea website ora blog,it is time to
consider switching to responsive design instead of maintaining separate mobile-
and tablet-friendly websites.
If you arenew to the conceptof Responsive WebDesign (RWD), hereare the
commonquestions that you may havearound this technique.
2. WHY SHOULD I SWITCH MY WEBSITE TO RWD?
Your website looks great of the desktop
screen but it may not be true when your site
is viewed on a smartphone or a tablet. Once
you make the design responsive, the website
will look good (and readable) on all screens.
3. With Responsive Design you can create one design and it will
automatically adapt itself based on the screen size of the mobile
device. This approach offers plenty of advantages:
It saves time and money as you don’t have to maintain separate
websites for desktops and mobile phones.
Responsive Design is good for your website’s SEO (search
rankings) as every page on your site will have a single URL and
thus Google juice is preserved. You don’t have to worry about
situations where some sites link to your mobile site while others
link to your desktop site.
Your Google Analytics reports will paint a better picture of your
site’s usage since the data from mobile and desktop users will be
consolidated.
The same will be true for the social sharing stats (Facebook
Likes, Tweets, +1’s) since the mobile and desktop versions of
your web pages will have the same URL.
Responsive Designs are easier to maintain as they do not involve
any server-side components. You just have to modify the
underlying CSS of a page to change its appearance (or layout) on
a particular device.
4. HOW DO I CHECK IF PARTICULAR WEBSITE IS
USING RESPONSIVE DESIGN?
That’s easy. Open that website in any desktop browser and resize the
browser. If the site’s layout changes as you resize, the design is
responsive.
5. IF I GO WITH THE RESPONSIVE DESIGN APPROACH,
WILL MY WEBSITE WORK WITH OLDER BROWSERS?
Mostly yes. RWD uses CSS3 media-queries
and HTML5 (for better semantics) that are
not supported in older versions of IE.
However, there are JavaScript based
solutions — respond.js and modernize for
example — that bring the power of CSS3 and
HTML5 to older browsers including IE6.
6. THERE ARE THOUSANDS OF MOBILE DEVICES. WHAT SCREEN
RESOLUTIONS SHOULD MY RESPONSIVE WEBSITE SUPPORT?
I would recommend
setting break points for
at least the following
viewports in your CSS3
Mediaqueries— 320px
(iPhone landscape), 480
px (iPhone portrait),
600px (Android Tablets),
768px (iPad + ~Galaxy
Tabs) and 1024px (iPad
landscape and
desktops).
7. HOW DO I GET STARTED WITH RESPONSIVE
WEB DESIGN? ANY GOOD TUTORIALS?
Here are online resources to help you get
started:
Websites: Net Magazine, Smashing
Magazine, CSS Tricks and Web Designer Wall
Video Tutorials: YouTube, Net Tuts
Presentations: PowerPoint Decks
Podcasts: Shop Talk, 5by5 Web Show and The
Industry
Twitter: @RWD, @NetMag and
@SmashingMag
8. STILL NEED HELP?
You can contact me in fiverr here:
https://www.fiverr.com/shaon21
after disscussing all your problems you can
buy gigs here:
https://www.fiverr.com/shaon21/make-your-
page-mobile-friendly-for-all-devices
Twitter: http://www.twitter.com/fiverrweb