Is your website mobile friendly? (Responsive)

Is your website mobile device friendly?

  • Yes

    Votes: 43 78.2%
  • No

    Votes: 5 9.1%
  • It will be soon

    Votes: 5 9.1%
  • Don`t care

    Votes: 2 3.6%

  • Total voters
    55

J.D. Severins

New member
On our website we are currently trying to make Bootstrap3 intergrate with Concrete5. Both Bootstrap as well as the CMS Concrete5 are both very mobile friendly. Both applications work with @media statements as well as responsive sollutions that resizes and replaces the elements nice and smooth to fit the screen. :p

Since phones are being used to surf pages more and more it is a must to have a properly working mobile friendly website. ^w^
 

archomage

New member
mine are response.
I usually use bootstrap and it kind of takes care of all things.
the most difficult part seems to be with images, and for this I have to use css media queries in order to load the correct image for the correct screen resolution.
the rest seems ok :)
 

yusha

New member
I've converted all of my projects and client's website to responsive websites soon after HTML 5 and CSS3 released. So I think the new google's algorithm won't effect on my projects and clients.
 

Genesis

Administrator
Staff member
biobeo said:
I've converted all of my projects and client's website to responsive websites soon after HTML 5 and CSS3 released. So I think the new google's algorithm won't effect on my projects and clients.
How did you do the HTML 5 conversion? Any steps you can share with us? :cool:
 

Thealabour

New member
It's imported to make your sites reactive. I, as a very frequent mobile web user, am often thinking to myself "couldn't they have spent a little more time to make this site so much better and user friendly?" Things like Googles material design rules and code snippets make it very easy to make your site look great!
 

ziraxie

New member
Making websites mobile friendly is the best to do with Twitter Bootstrap.. Very efficient to use and to program with.
 

smalpierre

New member
ziraxie said:
Making websites mobile friendly is the best to do with Twitter Bootstrap.. Very efficient to use and to program with.

I use it, and it's pretty decent. Bootstrap 4 will be a great improvement. I always up the max width on the large size though.

Beware though - you can still make non-mobile friendly sites with Bootstrap - but it does make most of it easier.
 

epba

New member
responsive is important to make visitors from any device can enjoy read content
my web is responsive , cause using bootstrap....
 

woswos

New member
I also recommend you to use Google fonts because it is very possible that some other developed used the same font and the font is already downloaded to the device. So, both space will be saved, and the website will load faster.
 

drinks2go

New member
I make all of my websites mobile first, then progressively enhance using respond.js polyfill / media queries for tablet, desktop and HDTV. I also use a pretty neat technique of assigning a particular z-index value to a state-indicator div, then check that div for z-index computed style value every time the browser viewport resizes. This way I can also progressively enhance my JavaScript, and only perform very expensive UI operations on tablet or better or even just change the function of a particular UI component depending on the viewport size by using conditionals within the function itself. :)
 

gillan

New member
I recently made my website responsive and I haven't coded in a long time (last time was 2014, I think). It was hella hard for me to learn all the new things but was well worth it. No hate but I can't stand viewing websites that are not responsive lol
 

Genesis

Administrator
Staff member
gillan said:
I recently made my website responsive and I haven't coded in a long time (last time was 2014, I think). It was hella hard for me to learn all the new things but was well worth it. No hate but I can't stand viewing websites that are not responsive lol
Am curious. How did you make it responsive? What are the new things that you applied? Agreed, a non-responsive mobile unfriendly Website is not a good one to have. That's why I like WordPress as most themes are responsive. Don't think one gets new themes that aren't.

I still think that when one designs a Website, it shouldn't be the sleeper couch approach that is neither good for sleeping or good for sitting on. It should be a design that is specific to either desktop or mobile phone. I'm still waiting for a easy way to have a multiple device design. How many times has it happened when I opened a Website in desktop and it spread so far out that it was almost uncomfortable to scroll through it. It's clear then that it was obviously designed more for a mobile phone than for a desktop or even an ipad. I like the designers who design desktop separately from mobile - like one can see in the URL the design is for a mobile phone. Or for a desktop. For me it sorts out the Rolls Royce designers from the one size fits all cookie cutter responsive designs.
 

gillan

New member
Genesis said:
gillan said:
I recently made my website responsive and I haven't coded in a long time (last time was 2014, I think). It was hella hard for me to learn all the new things but was well worth it. No hate but I can't stand viewing websites that are not responsive lol
Am curious. How did you make it responsive? What are the new things that you applied? Agreed, a non-responsive mobile unfriendly Website is not a good one to have. That's why I like WordPress as most themes are responsive. Don't think one gets new themes that aren't.

I still think that when one designs a Website, it shouldn't be the sleeper couch approach that is neither good for sleeping or good for sitting on. It should be a design that is specific to either desktop or mobile phone. I'm still waiting for a easy way to have a multiple device design. How many times has it happened when I opened a Website in desktop and it spread so far out that it was almost uncomfortable to scroll through it. It's clear then that it was obviously designed more for a mobile phone than for a desktop or even an ipad. I like the designers who design desktop separately from mobile - like one can see in the URL the design is for a mobile phone. Or for a desktop. For me it sorts out the Rolls Royce designers from the one size fits all cookie cutter responsive designs.

I only used the CSS3 media queries :) I'm a self-taught coder so I didn't learn it until recently. It made me wish I did take up a course on programming and coding, though :lol:
Ahh, I see. You prefer to have a separate mobile site for your website (e.g. http://m.website.com)? WordPress has a plugin (WP Touch Mobile) to make your website mobile friendly and it displays an option for your audience to choose between mobile and desktop site :)