Has there been a consideration of a responsive mobile theme for the MusicBrainz website?
Apparently more people use a mobile device (tablet, smartphone) than a desktop PC, to access the web and carry out searches.
I can see editing being as issues, but just being able to view the site on mobile (rather than using an App) would be a big step forward.
I completely agree with you @iantresman !
Look here, click link below, wait until test has been done and see the results:
Also, the site could use a nice and responsive graphics design. After all, it is a music Encyclopedia and should be attractive for visitors! I could help making a sparkling design for the Music Brainz website, as I am also a graphics designer/website developer 
[quote=āSamsom_Productions, post:2, topic:166754ā]
I could help making a sparkling design for the Music Brainz website, as I am also a graphics designer/website developer [/quote]I would also be interested in tackling this, I think @caroline-g was looking into options already though?
I have some time coming up, even if we canāt code the whole site, perhaps we can put some ideas into a thread for future use.
And to be honest, responsive CSS isnāt that complicated (until everything breaks!) so maybe we can just do itā¦
If Caroline could let us know if this would be useful, we can go ahead and do it
Yep @aerozol thatās a good idea:
An idea related to making the CSS responsive:
Google requires a minimal size of 2.2vw for text, to accept it as āreadableā on mobile devices. As 2.2vw is quite large when you see it on Desktops especially when viewing it at full screen, we could decide on making a seperate desktop and mobile version of the Music Brainz website, just like Bandcamp has 
Rather than having two different sites, one for desktop and one for mobile, I would like content to scale depending on the screen size. Something like:
(wow, thatās a really old article, but still useful to point out what I mean)
So the text size just gets bigger when the users screen width gets small enough to assume theyāre on a phone.
Perhaps some people prefer different āmobileā specific sites though?
But a lot of people use tablets and similar these days so we have a lot of changing screen sizes, so kind of trickyā¦
Thatās right @aerozol, but donāt you personally think that what Google requires as minimum for text size for shrinking text on mobile friendly websites (and that is 2.2% of the viewport width), becomes quite large when it displays on your desktop? If not, I have no problem, after all, I use the shrinking design for my own website too
I used these when making my websites responsive:
But the most interesting, I found here about the new css features āshrinking textā based on view width (vw) and view height (vh) of the screen:
The vw-based text I think really cool! 
You can even see it shrinking āliveā, when you just resize your browser window
[quote=āSamsom_Productions, post:6, topic:166754ā]
but donāt you personally think 2.2vw (2.2 view width that shrinks with the screen resolution) quite large for text displaying on your desktop[/quote]
I havenāt checked, but it is probably way too big!!
So what I mean is having (for instance) 2.2vw until the device width hits a certain size. And then change it.
Iām sure weāre talking about the same thing though 
Yep, we can make a max size indeed you are so very right (oops you quoted me while I was making an edit on my post hahahaha) now the quote is not there anymore ooops
Hahaha you bring me on an idea for my own website, am going to make a max size there! How come I did not think of that myself? You are the best @aerosol 
I mean @aerozol Why does this website always changes the z in your name into an s when I type?
I just find out that Internet Explorer does not support the vmax:
http://www.w3schools.com/cssref/css_units.asp
Can you think of a solution for this problem, @aerozol Or somebody else?
I think it is useful to discuss various options. Is this the best place to do so? I can see there being lots of different aspects to designing a mobile theme?
Good Morning to you @iantresman Yep I agree with you, we should discuss various options, and indeed maybe this is not the best place to do so. What do you suggest, about where we are going to start up the discussion?
I would like to keep the discussion at MusicBrainz, as this is where one would expect the discussion to be.
I was thinking more of being able to create a forum category on a mobile theme where sub-categories could be made. But maybe we just need to be smarter about how the discussion goes.
Perhaps we start be discussing what needs to be considered, rather than any of the technical details, then we create a bullet point summary, and then create a discussion on each one?
Or perhaps if a couple of individuals want to take a lead, they should suggest how a project might be proceed?
I feel like this thread is appropriate for this discussion, the title fits anyway!
Anyway, I probably wont comment much more until Caroline has mentioned what sheās been up to, this may have already all been discussed somewhere/ someone may have already made a plan or started.
Cheers!
I also prefer to have the discussion here in this forum thread, and, I just found out a very simple cross-browser css-solution for setting
Here is my solution, for example when the viewport width hits 800px:
p {font-size:2.2vw}
@media screen and (min-width: 800px) {
p {font-size:16px}}
It works! 
And to set a minimum font-size for mobile devices, so the text stays always large enough to be read, we can do this, for example:
@media screen and (max-width: 500px) {p {font-size:12px}}
Talk to you @iantresman and @aerozol later, have a good day/night!
There is some previous discussion in this ticket:
http://tickets.metabrainz.org/browse/MBS-3846
Thank you @Freso for the info! I think I will stick with @aerozol on this topic: scaling the site by modifying the css-sheet, instead of creating a separate mobile site, because, nowadays, people use so many different screen resolutions (tablet in different sizes, mobiles in different sizes etc.).
And, I just found out with some thinking about it, that I can very easily in css scale text without letting it become too large or too small!
Yes, this summer I was looking into a few simple redesigns for MusicBrainzās front page. (see https://app.mockflow.com/view/b8fda162a2d272bca5ae99086ef09644 for a few of my ideas) However, I had gotten sidetracked with school and have not been working on implementing any changes yet. [quote=āaerozol, post:3, topic:166754ā]
If Caroline could let us know if this would be useful, we can go ahead and do it
[/quote]
Definitely! Iām ready to jump back into working on this project and you guys sound excited and like you have some really good ideas. My focus with the redesign had been purely static and from an aesthetic point of view, so it is great to see the ideas for a more responsive and dynamic site
I think that redesigns for MusicBrainzās front page is welcome (it looks dated), as would a redesign of an artistās overview tab. I think both of these would be easier once the website has become mobile responsive.
Welcome back @caroline-g to this topic And that is perfectly okay, that you concentrated on school now, instead of on this website! For you school should indeed be the most important and when you have vacation from school perhaps during upcoming holiday season, perhaps you can find some time to help us a bit, if you like to? 
@caroline-g I am Anita and I am rather new here, but very excited and dedicated to redesign this website into a wonderful looking and responsive World Music Encyclopedia!
And thank you @iantresman for your support
See you all soon for further discussion,
Happy Weekend to you, make fun!
For what itās worth, my preference for optimising MusicBrainz for mobiles, is to use the Bootstrap framework, on the grounds that: