Member Avatar for active-worker

Hi Guys,

Good day
I have a web site: www dot my-portfolio-site dot site88 dot net/ and I want that the website has to be responsive and perfectly function on mobiles and tablets.

For your kind information, I know HTML and CSS coding. But I don’t know how to convert the website has to be responsive and perfectly function on mobiles and tablets.

So, please see my source code and suggest which code I should write. And where should I place it?

No more, I am waiting for your kind response.

Thank you.

  • 4 Contributors
  • 3 Replies
  • 102 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by MidiMagic
Member Avatar for Everyauction

You don't have to do much, just redwork your site to fit into FULL SIZE viewable 800 pixel wide pages, then, most smartphones with 800pixel wide displays will be able to display your Pages.

You can check your pages here:

http://www.websitedimensions.com/sitegrid/index.php

As you quote, you know html and css, so, you should have no problem to do this.

Ernie

Member Avatar for <M/>

Here are a couple of sources that can help you out a bit more (i am not sure why you would have a problem doing this if you are good with html and css).

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

http://stackoverflow.com/questions/4167164/convert-a-regular-website-to-a-mobile-website

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://css-tricks.com/forums/discussion/20871/make-my-website-mobile-friendly/p1

http://blog.gist.com/2012/06/21/14-tips-for-building-mobile-friendly-websites/

The poster above me has given a couple of important points but try using percentages to set the widths/heigts of somethings rather than pixels.

Edited by <M/>
Member Avatar for MidiMagic

In other words, make it compatible with an old PC that has only an 800 X 600 VGA screen:
- No big images
- No combined widths larger than 800px.

We're going back to the 1990s.

Another possibility is an alternate link to a reduced size page at the TOP of the page.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.