banner_jpg
Username:     Password:      
News Article
Mobile website - Responsive Design
For those of you wondering why the site looks different today, don't clean your glasses or throw out this month's contacts. Yes, amazing as it might seem, we had a site update today!

This one is a long time coming, and caps off the final changes that were started in 2018 for MangaUpdates, including the adoption of Docker, our UTF-8 conversion (seriously), switching our search to Elasticsearch, and finally this responsive web design. There are several things planned and in the works for 2019, so stay tuned.

Please let us know if you find any bugs with this new site template in the Suggestions and Bugs forum. I'm sure there's something we missed. Thank you for helping us test it over the last week!
Posted by Manick on 
February 23rd 2:02am
Comments ( 169 )  
[ View ]  [ Add ]
Comments

» Klaster_1 on February 22nd, 2019, 7:43pm

Great news! Are you going to implement a proper rest/graphql API now? It's been long due.

thread

» Manick on February 22nd, 2019, 7:59pm

That is high on the list.

thread

» bhui on February 22nd, 2019, 8:01pm

So that's why search results have been a bit wonky. "Stemming" is in play.

Has every search been ported to elastic search?

thread

» Manick on February 22nd, 2019, 8:03pm

Quote from bhui
So that's why search results have been a bit wonky. "Stemming" is in play.

Has every search been ported to elastic search?


Yes, all sections have been converted, except categories. I need to finish that when I get some time.

Let me know if something isn't working exactly right with search, and I'll try to fix it.

thread

» bhui on February 22nd, 2019, 8:33pm

So even this one https://www.mangaupdates.com/series.html?act=genresearch?
Does it still recognize categories exactly by name?

Strange that you got & in the url. How does this url get built? Javascript? I think if you set it with Javascript you don't need to consider encoding the href-Atribute (or similar ones). This only applies directly in source code.
https://www.mangaupdates.com/series.html?category=Test_Test2& amp;perpage=50


https://www.mangaupdates.com/series.html?genre=Comedy
This inteface looks different. Wasn't this a list before?

thread

» Manick on February 22nd, 2019, 8:47pm

Search should still work the way it always has. The Elastic conversion was a few months ago.

The URL is generated in the server side code (which is over a decade old by the way). Goal is to convert it all to a front end framework like Angular.

It was a list before, but this seems more mobile friendly.

thread

» bhui on February 22nd, 2019, 9:48pm

Could you include an option to get a list view, please? (Like "Default" or "List view"

thread

» bhui on February 22nd, 2019, 9:56pm

I see.
Not redirecting to an url with & included should be an easy fix. In theory.
Location: https://www.mangaupdates.com/series.html?category=Test_Test2_& amp;perpage=50

>Goal is to convert it all to a front end framework like Angular.
Why over-complicate what works fine with regular old forms (that could be easily supplemented with Javascript, as you already do in some places), the form could be even set to "GET" in the first place.

thread

» bhui on February 22nd, 2019, 8:37pm

https://www.mangaupdates.com/series.html?genre=Comedy& category=4-koma
Glad that adding categories here still works.

So does this interface still allow the same parameters https://www.mangaupdates.com/series.html?act=genresearch allows?

thread

» Manick on February 22nd, 2019, 8:44pm

Yes, it still allows all the same parameters. I thought this looked more mobile friendly, which is why I'm changed the design.

thread

» bhui on February 22nd, 2019, 9:47pm

EDIT: Double post due to wrong comment chain.

thread

» Transdude1996 on February 22nd, 2019, 8:24pm

Pulling up the site on my computer makes the site look like it's you're zoomed in by 10%.

thread

» Manick on February 22nd, 2019, 11:56pm

Quote from Transdude1996
Pulling up the site on my computer makes the site look like it's you're zoomed in by 10%.

It is very jarring, but you'll get used to it in a day or two, and I think you'll prefer it. Let me know if I'm wrong.

thread

» Transdude1996 on February 23rd, 2019, 7:42am

Quote from Manick
It is very jarring, but you'll get used to it in a day or two, and I think you'll prefer it. Let me know if I'm wrong.

Instead of telling everyone "just get used to it", why not make it an option on the user control panel to allow users to enlarge and shrink the text on the site? That way, everyone is happy.

Also, editing posts screws up the bar on the right side of the screen now.

thread

» Manick on February 23rd, 2019, 8:16am

Quote from Transdude1996
Also, editing posts screws up the bar on the right side of the screen now.


The sidebar? Or the right tab? (Which had Search at the top?)

Can you give me a screenshot?

thread

» Transdude1996 on February 23rd, 2019, 8:36am

Quote from Manick
The sidebar? Or the right tab? (Which had Search at the top?)

Can you give me a screenshot?

https://i.imgur.com/YsXBcJD.png

thread

» Manick on February 23rd, 2019, 9:10am

Quote from Transdude1996

Fixed. Thanks!

thread

» bhui on February 22nd, 2019, 8:26pm

Can you change the font-size back from 14 (1rem) to 12 (1em)?
It looks strange somehow.

>rem values are relative to the root html element, not to the parent element. That is, If font-size of the root element is 16px then 1 rem = 16px for all elements.
https://medium.com/code-better/css-units-for-font-size-px -em-rem-79f7e592bb97
Maybe the design relied previously on having the font size of the parent element set correctly.

For series titles 1.77rem (~24 new) to 1.77em (~21)?

(Previously html had no set font-size (default 16px) and everything seemed relative to body-font-size (12px) which got inherited by the table cell the text was in).

A similar width of manga series entries (and everything else) would be nice too. Now the design fills a 1920x1080 screen at 175% zoom. A #centered div had a width of 919px before, now there seems no width limit on the top element.

thread

» Manick on February 22nd, 2019, 8:50pm

It's using Bootstrap 4's container fluid, which has an upper max of around 1000px. It will not expand higher than that.

The font honestly looks fine to me on Chrome. What browser are you using? It's definitely a little bigger than it was before, but I'm just using Bootstrap's default font sizing, and using rem was recommended over em across the board, which is why it's now used universally across the site.

thread

» bhui on February 22nd, 2019, 9:59pm

The topmost set font size was 12px before and now is 14px.

rem and em would have worked the same in both designs I think (if the 12px where set on html and not on body, otherwise rem would have used the browser default of 16px).

I'm using Google Chrome.

thread

» Manick on February 22nd, 2019, 11:53pm

So, to me, the 14px was definitely jarring for a few days but I quickly got used to it. I really want the larger font. The smaller font is very hard to read (I'm getting older you know!)

thread

» bhui on February 24th, 2019, 1:13am

This could probably easily solved via a setting in "Local Storage".

If no setting is present: Use the default.
Otherwise adjust .style.fontSize of the html-Element and the body-Element with JavaScript (because everything is dependent on that.

While you are at it: an option to limit total column width (or max width) (via local settings + JavaScript) to 919px like it was before would be nice too.

EDIT: The new design affects readability at 100% and 175% zoom level for me because the column got 25% larger.

I ran some tests with the new design (prev is fixed to 919px width and fontSize 12px):

The main column now has a width of ~850px where it was ~600px, so this is nearly a 150% (1,4) scaling horizontally

Tested with a series description text box:

height X width (area)
prev 182.286px 291.5px (53,136.369 px²)
now 180px 399px (71,820.000 px²)
scale 1 vertical 1,4 horizontal (1,4 area scaling)

line-length with "x" 48 to 56 characters (1,16 scale)
line-length with same example text 48 to 60 characters (1,25 scale)
line-length with "l" 108 to 126 (1,16 scale)
Kerning might affect this.

thread

» Klaster_1 on February 22nd, 2019, 9:14pm

Agree with @Transdude1996 regarding font size, 90% looks just right to me.

If you are going to convert everything to a frontend framework, please consider server-side rendering (Angular Universal, Next.js) or other techniques like lazy loading components/modules/routes. The pages don't change often (as in every several days for most popular ones, almost never for most) and I really enjoy how snappy everything is, making it a monolith of SPA would be a disappointment.

thread

» bhui on February 22nd, 2019, 10:04pm

Wouldn't Etags + Varnish Reverse proxy suffice for most pages?

Just load the page with a last known cached releases state (or empty) and then check if there where new releases and load that small bit via JS. Same for the chapter state.

thread

» SoulfulAbyss on February 22nd, 2019, 9:41pm

When I search by categories in advanced search, it won't let me filter out any genres. Those genres still show up in the results. It also won't let me limit my category search by list type.

thread

» Manick on February 22nd, 2019, 10:44pm

Quote from SoulfulAbyss
When I search by categories in advanced search, it won't let me filter out any genres. Those genres still show up in the results. It also won't let me limit my category search by list type.


Should work now.

thread

» bhui on February 22nd, 2019, 10:14pm

Is there a reason you are using div's for tabular data?

Are tables that bad that they have to be avoided even if the data is tabular? Are mobile browser that incapable?

(e.g. "My List"😉

" + ) = 😉 is very annoying

thread

» Manick on February 22nd, 2019, 10:57pm

Quote from bhui
Is there a reason you are using div's for tabular data?

Are tables that bad that they have to be avoided even if the data is tabular? Are mobile browser that incapable?

(e.g. "My List"😉

" + ) = 😉 is very annoying


I suppose it can still be used for things that make sense. Perhaps I'm losing something in translation with the unfortunately emoticons, but what exactly are you referring to? Are your lists not displaying correctly any longer?

thread

» bhui on February 22nd, 2019, 11:31pm

I'm referring to the List view table not being a table for example:

https://www.mangaupdates.com/mylist.html
"Here you can keep track of the manga you've read, the manga you're reading, and the manga you want to read."

thread

» Manick on February 22nd, 2019, 11:55pm

Quote from bhui
I'm referring to the List view table not being a table for example:

https://www.mangaupdates.com/mylist.html
"Here you can keep track of the manga you've read, the manga you're reading, and the manga you want to read."

Right. What specifically don't you like about it? Just the fact that it's not a table anymore?

thread

» bhui on February 24th, 2019, 2:01am

It's better for accessibility IMHO (like screen readers for people with slightly impaired vision). Also addressing of table cells, table rows and headings is easier in CSS and JS than a div-solution. This also enables the user to filter, sort and search in a table according to preferences.

You can hide columns with CSS too:
http://www.irishstu.com/stublog/2011/12/13/tables-respons ive-design-part-2-nchilds/

Or wrap a container around the table and let the user scroll horizontally:
https://blog.kulturbanause.de/2012/06/tabellen-im-respons ive-webdesign/#chapter4

thread

» Syphilis on February 26th, 2019, 8:46am

Agreed. Tables are better than div tags, especially when working with CSS. Especially especially when you have less than ideal HTML, like using the same div names for multiple columns/pages.

thread

» bhui on February 22nd, 2019, 10:34pm

Regarding the series page design:
Shouldn't the intention be that the right column (with volume image) gets appended at the end if the browser window gets small enough?

thread

» Manick on February 22nd, 2019, 11:19pm

I did some testing and most modern phones have enough real-estate to support two columns. Are you having some issues?

thread

» bhui on February 22nd, 2019, 11:24pm

I was just wondering. Because most layouts choose to let div-boxes slide together into one column if width gets small enough.

(Good example would be the browsers built-in zoom activating this at higher Zoom-Levels.)

thread

» Manick on February 22nd, 2019, 11:50pm

Quote from bhui
I was just wondering. Because most layouts choose to let div-boxes slide together into one column if width gets small enough.

(Good example would be the browsers built-in zoom activating this at higher Zoom-Levels.)

Originally I had it doing that, but it's not a great experience. I could still have the smallest view do that... I'll do some testing.

thread

» bhui on February 24th, 2019, 2:06am

This would probably just need the cover image decreasing in size and appearing before the description while the rest of the information can be simple appended at the end of the left column to give a smoother experience.

Basically the left column sliding in between the cover image and the rest of the right column. Or some other desired order.

thread

» zalagires on February 22nd, 2019, 10:51pm

how to change advanced search view result?

i like old view search result when its only view list name of name and genre
without tumbnail / cover of the series

thread

» Manick on February 22nd, 2019, 11:18pm

Quote from zalagires
how to change advanced view result?

i like old view result when its only view list name of name and genre
without tumbnail / cover of the series


I added an option to the advanced search page just now that makes it possible to return the results as a list again. (It's at the bottom).

thread

» bhui on February 22nd, 2019, 11:27pm

Better put that at the top too, to catch more people before they ask the question. Then remove it after a few months when people have adjusted.

Though I'd prefer it on-top so I can quickly switch without scrolling down.

EDIT: I thought you put the option on the result page too. My bad.

thread

» Manick on February 22nd, 2019, 11:48pm

Quote from bhui
Better put that at the top too, to catch more people before they ask the question. Then remove it after a few months when people have adjusted.

Though I'd prefer it on-top so I can quickly switch without scrolling down.

EDIT: I thought you put the option on the result page too. My bad.

Ok I put the option on the top next to the order by options on the series page.

thread

» bhui on February 24th, 2019, 2:07am

Thanks. That helps a lot. (Probably also better, seeing that genre search directly links there from series pages.)

thread

» Reyalsdog on February 23rd, 2019, 4:17am

As always, phonefags ruin everything.

thread

» blackkittycat15 on February 23rd, 2019, 5:14pm

Seconding.

thread

» Manick on February 24th, 2019, 5:03pm

Please limit comments to constructive criticism.

thread

» zeando on March 1st, 2019, 11:29am

It's like a plague spreading through the whole internet.

Plz, give "legacy" options, to keep the old layout.

thread

» Manick on March 1st, 2019, 3:09pm

Unfortunately I don't have the resources to maintain two layouts. I have plans for the future layout either way so it wouldn't have stayed the same for long.

thread

» tactics on February 23rd, 2019, 4:53am

Everything is....big!

I think you're right tho Manick, people will get used to this. I always thought that this website was smaller than average anyway.

I do not mind. Yes it's jarring and everything seem stretched but I think I will get used to it pretty quickly.

thread

» Juhachi on February 23rd, 2019, 4:57am

As a long-time user and scanlator, I too preferred it when it was of a smaller font size. What's most jarring about it is when I switch from any other website using a normal font size to suddenly it being zoomed in now on this site. Like, I'm browsing r/manga or mangadex and then switch to here, and bam, it's just weird. I don't think that sense of discontinuity is ever going to go away if this stays like this. Is it not possible to add a user preference to change it to old MU, kinda like how reddit does old reddit?

Even if not, there are a couple other things. I find it kind of ironic that the site is now slightly zoomed in and yet categories on series' pages that have no votes are now comically tiny, unless you click on Vote these categories, and then they're all comically large. And even cats that have a few votes I still feel are smaller than they used to be.

Also, I liked it better with the rating system allowing me to see how many votes a particular rating received instead of just a percentage of those votes. Yes, it's possible to manually calculate the vote total for a certain rating because the total count is still there, but I'd rather not want to pull up a calculator if I can help it.

thread

» bhui on February 23rd, 2019, 5:34am

I made myself a user script limiting the body-width to 919px, and setting font size of body and html to 12px. I also removed the padding in the manga lists.

Much better.

Though I probably will also try to remove text truncation in some places (like genres), because it's annoying.
https://www.mangaupdates.com/series.html?stype=utf8title& search=Naruto&display=list

thread

» wrona on February 23rd, 2019, 5:18am

I'm not sure I understand.
Instead of making separate mobile version of site, you're just making normal version look bad so it looks better on phones?

thread

» bhui on February 23rd, 2019, 5:38am

Google hates sites without mobile css. They don't hate tables for tabular information though. I think.

thread

» Manick on February 23rd, 2019, 8:25am

Quote from wrona
I'm not sure I understand.
Instead of making separate mobile version of site, you're just making normal version look bad so it looks better on phones?

What specifically do you not like?

thread

» bhui on February 24th, 2019, 2:19am

Not him but typical grievances are:
Mobile design wastes vertical screen space or has excessive white space

I found something else too:
For 1920 x 1080 screens a vertical half of a screen has 960 x 1080 pixels. So by increasing the width to 1000px (919px before) you prevent people from using Mangaupdates on half of the screen seamlessly via the "snapping a window to half a screen" feature included in some operating systems.

I don't know yet why line-length irks me though.

thread

» bhui on February 23rd, 2019, 5:36am

Text truncation in some Lists is really annoying.
https://www.mangaupdates.com/series.html?stype=utf8title& search=Naruto&display=list

Where the genres truncated before? These Lists derive their use from being able to see lots of information without using up too much screen real estate.

thread

» bhui on February 23rd, 2019, 7:07am

Are there missing entries in "My Previously Added Releases"?

thread

» Manick on February 23rd, 2019, 7:13am

Quote from bhui
Are there missing entries in "My Previously Added Releases"?

There shouldn't be. Are you missing some?

thread

» Unknown on February 23rd, 2019, 10:34am

Post Deleted

thread

» bhui on February 24th, 2019, 2:22am

It feels like there should be more entries between 2013 and 2016. Maybe they were all rejected (because someone else submitted the same release)?

thread

» lambchopsil on February 24th, 2019, 8:33am

Quote from bhui
It feels like there should be more entries between 2013 and 2016. Maybe they were all rejected (because someone else submitted the same release)?

During that time period, we have a very active volunteer that was adding a lot of releases on their own. So chances are your releases were rejected because that person beat you to it.

thread

» lambchopsil on February 23rd, 2019, 10:34am

Quote from bhui
Are there missing entries in "My Previously Added Releases"?

If your release was rejected or is still pending, it will not show up in "My Previously Added Releases"

thread

» pyrolobus on February 23rd, 2019, 7:52am

It looks no more compatible with my current web browser version. More like way too wide, untidy, unsettled. For me it is not very user-friendly. Considering for a retirement "homely" page, current design surely a shockwave change.

thread

» Manick on February 23rd, 2019, 8:12am

Can you post a screenshot? What browser version and platform are you on?

thread

» ranmaru on February 23rd, 2019, 8:10am

congrats on the mobile version, it’s a nice touch thanks 🙂

thread

» SKyz007 on February 23rd, 2019, 8:12am

For me this looks amazing. My only complain at the moment is that the text size of the categories tags is smaller than the other text on the whole page, and makes it a bit hard to read.

thread

» Manick on February 23rd, 2019, 8:19am

I added this to my list, thank you.

thread

» residentgrigo on February 23rd, 2019, 9:13am

My monitor is set to 4k. That´s why I have the magnification of Firefox set to 110 to 120% on most sites. I now need to scale down the magnification of the site to 90% on my regular PC to get the former letter size back. Is this a side-effect of the design experimentation?

The categories now look either gigantic while voting and tiny while looking at them regularly. The rating graphics stretch a bit far. The bars + colors kind of overpower everything else at that size.
The description boxes are also scaled down too much. Basically all with a proper (publisher) summary now needs to be extended. That´s kind of a problem if there are relevant notes. It´s now harder to spot nonsensical notes, links, etc. on the first view.

thread

» Manick on February 23rd, 2019, 9:20am

Quote from residentgrigo
My monitor is set to 4k. That´s why I have the magnification of Firefox set to 110 to 120% on most sites. I now need to scale down the magnification of the site to 90% on my regular PC to get the former letter size back. Is this a side-effect of the design experimentation?

The description boxes ar ...


So, you used MU with 110-120 before, but now you're using it at 90?

I think I'm going to add an option to enable people to set the font size to the original value. I've gotten enough complaints about it.

I've got the categories on my list of things to fix. I might make descriptions expanded by default when not on mobile.

thread

» residentgrigo on February 23rd, 2019, 9:24am

I have no other complains, with the description box issue seeming the most relevant.

PS: The site could use a new header. Are we still baka-updates?

thread

» Manick on February 23rd, 2019, 10:55am

Unfortunately I'm not a graphics artist, which is why I've just kept expanding on the original design.

thread

» Syphilis on February 23rd, 2019, 9:47am

A few issues:

Desktop:
Overlapping text on previously added releases page. Issue is on Firefox; it's fine on Chrome. I think the date or volume column could give up some space in general, though.

Mobile:
Here, the Manga Info tab is quite large. Column sizing isn't great. I think you can at least ensure that the Year and Rating numbers display cleanly. Having the genres truncated so much is somewhat annoying on mobile as you can't hover to see the full text like you can on desktop. I think it would be better to reduce the width of the Title column and reduce the vertical spacing a bit. You could probably even just lower the font size by one point.

Not sure about the justified alignment here. Long category tags are cut off.

Quite a lot of spacing between the sections here. Can be hard to tell where titles start/end under Category Recommendations.

My phone is 1440 pixels wide, so you can rule out my display being an issue. Looks the same on Chrome and Firefox (Android). In the end, I found myself going back to the desktop version of the site. Just easier to see more data more quickly, which works for me.

Side note: any plans for different themes, namely dark mode? If not, I will make my own.

thread

» Geese1 on February 23rd, 2019, 11:22am

I don't know if this can be considered a bug, since it was never an official part of the site to begin with, but the script "Manga Updates Group Fix" no longer works.

Used to be using that browser script allowed you to still have a link to the scanlator group's website from the group page (like it used to be before the removal of that function some years back). Now, however, it's completely missing, which makes things a lot more difficult to find the group's site to download the chapter or leave thanks.

As I said, I know that was never an official part of the site, but I'm wondering what changed to break this (incredibly) useful feature.

thread

» Manick on February 23rd, 2019, 12:58pm

The website has had a complete HTML overhaul, so it's possible that the script parsing functions have broken.

Unfortunately, we did not develop that plugin so we have no way to fix it.

thread

» bhui on February 24th, 2019, 2:32am

A temporary fix would be to give an option for the (logged-in/logged-out) user (via cookie perhaps) to view the legacy group page. (Or at least the design or the box that includes the group metadata).

https://github.com/loadletter/mangaupdates-urlfix

// @match *://www.mangaupdates.com/groups.html* <- only adjusting this page on demand per user selection should suffice until the script is updated. I think.
// @match *://www.mangaupdates.com/mylist.html*
// @match *://www.mangaupdates.com/releases.html*

It shouldn't take long until the script gets fixed though:
https://github.com/loadletter/mangaupdates-urlfix/issues/ 17
I think.

thread

» Geese1 on February 28th, 2019, 5:04pm

A fix has been put into place:

https://github.com/loadletter/mangaupdates-urlfix/issues/ 17

You have to edit the script yourself (which is as simple as opening up the current script in the editor and copy/pasting the changes at the bottom), and the layout is a bit off, but all the functionality seems to be there.

Hopefully someone will be able to correct the layout issues, and make it so that it's an official update without having to manually edit, but even as is it's still fantastic to have these features back. You don't realize how much you rely on them until they're gone.

thread

» Syphilis on March 1st, 2019, 12:46am

Adding to this: I fixed the formatting to work with the "new" MU site. Read here for explanation and to grab the relevant bits, if you want to: https://github.com/loadletter/mangaupdates-urlfix/issues/ 17

or just install this, go to Edit, and copy/paste the whole thing from here: https://pastebin.com/M2disHm0

This is what it looks like: on my theme; default theme.

If you don't already have a relevant browser extension for userscripts installed, just search on Google for Violentmonkey, Tampermonkey, or Greasemonkey.

Edit: additional fix to get rid of the empty "No IRC" links.

thread

» Geese1 on March 1st, 2019, 3:04am

Thanks, working on Chrome for me!

As I mentioned in the comment I made on the github thread, the only issue I'm still seeing is, when there's no IRC channel, the script adds a hyperlink that reads: "NoIRC/NoIRC". The hyperlink doesn't open anything of course, but it's still set up that way.

https://i231.photobucket.com/albums/ee29/geese1RBM/Manga% 20Updates%20screen%20print_2_zpsvnplatez.png

Ideally, when there's no IRC channel, it should just read: "No IRC" in the same italicized font as when there's no Facebook or Twitter link for example.

Other than that, it looks great! Much love for everyone that's been working on getting this issue resolved!

thread

» Geese1 on March 1st, 2019, 4:53pm

Thanks for the additional IRC fix!

Everything seems to be back to the way it was before. 😎

thread

» tanstaafl on February 23rd, 2019, 12:59pm

On the mangaka pages, the 'Titles' section at the bottom doesn't list any series: it's just blank. It's like this for every mangaka I've checked.

Using a PC with Win 7 and IE 11.

thread

» Manick on February 23rd, 2019, 5:34pm

Quote from tanstaafl
On the mangaka pages, the 'Titles' section at the bottom doesn't list any series: it's just blank. It's like this for every mangaka I've checked.

Using a PC with Win 7 and IE 11.

This is fixed. Thank you for your report.

thread

» residentgrigo on February 23rd, 2019, 1:25pm

The "cover preview" script is now also shot but what can you do.

thread

» Geese1 on February 24th, 2019, 8:45am

Quote from residentgrigo
The "cover preview" script is now also shot but what can you do.


Mine was broken too, but just came across a different cover preview script that was updated to work with the new site redesign:

https://greasyfork.org/en/scripts/26513-mangaupdates-cove r-preview

Now we just need an update to the Group Fix script.

thread

» Daywalker30 on February 24th, 2019, 9:46am

Quote from Geese1
Mine was broken too, but just came across a different cover preview script that was updated to work with the new site redesign:

https://greasyfork.org/en/scripts/26513-mangaupdates-cove r-preview

Now we just need an update to the Group Fix script.


Thanks, this one works. Speaking of Cover Preview I just noticed that the advanced search now can displays results with covers.

thread

» jrdp_18 on February 23rd, 2019, 1:52pm

Looking at it with my Chrome browser with a 1366x768 resolution screen, the site feels like it got zoomed in. I tried just zooming out but I can't get a good size for the font; some end up looking big, others would be too small.

thread

» ImmLff on February 23rd, 2019, 3:26pm

I fully agree with Transdude1996, Juhachi, bhui, and all other users who say that the font is too large. I also think that on desktop/laptop PC new design looks worse than the previous one.

And, no, I won't get used to it. I have seen similar design changes before, they make everything mobile friendly while downgrading the experience for PC users, and I didn't "get used to it" in any of those other cases.

Please, mighty please, add an option to switch back to the old design. Besides being more convenient for multiple people, it was compatible with older browser versions (which made it usable in older operation systems too).
For example, I have a second browser, old Opera on Presto engine. I use it because it is very customizable and memory efficient, I can have 50+ different tabs opened in there and it would eat less than 1 GB of RAM. This is what I used when I contributed to MU (add releases, series, authors, other info, fix mistakes), but now I can't. And doing it in my other browser, Pale Moon, is less convenient, which means that I'll probably contribute less.

Or, at the very least, add user options to customize the look for themselves. Font size, disable text truncation in lists (always show full names), always display search results as lists - are some of the options that would be appreciated by many users, as you can see from replies here.

thread

» Manick on February 23rd, 2019, 5:14pm

ImmLff,

Perhaps I spoke too soon when I said people "would get used to it". I said that because the same thing happened to me. Initially it seemed jarring and large, but after a few days it felt right. I agree that anecdotal evidence is not adequate to determine reality. I will add an option to reduce the font back to 12px.

It's super unfortunate that the site no longer works on older browsers. Before making this decision, I carefully looked over user agent data and found that the majority of users are using browsers new enough to use the site. I made the determination that moving the site forward in technology was critical to it surviving long term, and as over 60% of the traffic on the site is now mobile, it only makes sense.

I am reconsidering some text truncation now. Thank you for your suggestion.

thread

» bhui on February 24th, 2019, 2:40am

Consider allowing the old design for logged-in users. You can lock that option to appear only on older user agents or unknown ones too. Though I would advise against that, because page-weight and availability of old devices (or not being able (or old enough) to afford a new one) might be a factor too.

I wonder if page-weight changed much: https://danluu.com/web-bloat/

Quote
When I was at Google, someone told me a story about a time that “they” completed a big optimization push only to find that measured page load times increased. When they dug into the data, they found that the reason load times had increased was that they got a lot more traffic from Africa after doing the optimizations. The team’s product went from being unusable for people with slow connections to usable, which caused so many users with slow connections to start using the product that load times actually increased.


Some locations in the US and other countries are also only served by slow or high-latency connectivity.

thread

» Kurapica on February 25th, 2019, 1:40am

Quote from ImmLff
I fully agree with Transdude1996, Juhachi, bhui, and all other users who say that the font is too large. I also think that on desktop/laptop PC new design looks worse than the previous one.

And, no, I won't get used to it. I have seen similar design changes before, they make everything mobile f ...
I second this sentiment. The new layout feel too 'in your face'. I liked it better when there was still some left next to the sidebars. To me the site has become unpleasent to look at.

Please at least give users the option to switch back to the old awesome layout.

thread

» hkanz on February 23rd, 2019, 4:23pm

I don’t see a way to log out, maybe I’m missing it though.

thread

» Manick on February 23rd, 2019, 5:04pm

Quote from hkanz
I don’t see a way to log out, maybe I’m missing it though.

On the mobile version, it's in the side panel next to your name. In the desktop version, it's next to your name in the upper right bar.

thread

» svines85 on February 23rd, 2019, 5:54pm

Can anybody help with a script (or any way) for a dark theme? The ones I have/was using won't work now 😀

thread

» Manick on February 23rd, 2019, 7:04pm

What script were you using? If I can get a look at how it worked I might be able to just add it as an option.

thread

» svines85 on February 23rd, 2019, 7:43pm

Quote from Manick
What script were you using? If I can get a look at how it worked I might be able to just add it as an option.

Mangaupdates Dark on stylus........I think this shows everything, sorry, I'm no good at all on this stuff myself....

chrome-extension://clngdbkpkpeebahjckkjfobafhncgmne/edit. html?id=1

Ugh, that link doesn't seem to want to work, here's its page though...

https://userstyles.org/styles/115952/mangaupdates-dark

thread

» Manick on February 23rd, 2019, 8:24pm

Wow, amazing how many things I broke by updating the design...

thread

» Klaster_1 on February 23rd, 2019, 10:34pm

Quote from Manick
Wow, amazing how many things I broke by updating the design...

You also broke reading list JS functions that update stuff, like "add rating" or "increment volume/chapter": the ID attribute used in DOM selectors no longer exists. You should cover code with tests before major refactoring or at least do internal manual quality assurance by not developers before release.

thread

» Manick on February 24th, 2019, 11:36am

That still works for me on mobile as well as desktop. What browser version are you using?

thread

» svines85 on February 23rd, 2019, 10:56pm

Quote from Manick
Wow, amazing how many things I broke by updating the design...


😀

Don't worry about it, the price of progress, eh? Ah well, I'll live......I do like the dark background though, but if it's a problem don't worry about it 🙂

thread

» bhui on February 24th, 2019, 2:43am

(As I posted above). Consider allowing a switch to the old design for logged-in users.

Though now this is motivated by how much got broken by the change.

Maybe you could have a dropdown next to the option (changed because it broke something / legibility / screen reader / ...) and a set of checkboxes to gather information about features people want to use.

thread

» Syphilis on February 24th, 2019, 7:21am

I will be updating/re-making the theme so it works with the new site. The old one is honestly a huge mess that I threw together very quickly, and I want to make some changes to it as well. I'll post something here or on the forums when it's finished.

thread

» svines85 on February 24th, 2019, 12:15pm

Quote from Syphilis
I will be updating/re-making the theme so it works with the new site. The old one is honestly a huge mess that I threw together very quickly, and I want to make some changes to it as well. I'll post something here or on the forums when it's finished.

That'd be awesome, thanks a lot 🙂

thread

» Syphilis on February 25th, 2019, 11:17am

Initial release is done: https://userstyles.org/styles/169365/mangaupdates-dark-v2

Let me know if there are any major issues with it (I know it's not 100% finished). Just a quick once-over, but it's complete enough to use at least.

thread

» svines85 on February 26th, 2019, 9:59am

Quote from Syphilis
Initial release is done: https://userstyles.org/styles/169365/mangaupdates-dark-v2

Let me know if there are any major issues with it (I know it's not 100% finished). Just a quick once-over, but it's complete enough to use at least.


Awesome, really appreciate it.......the only thing I'm seeing that doesn't look right is on the individual series pages...

http://puu.sh/CS2FD/bab2d97ccd.jpg

where it looks like some of the bi-color stuff is still going on and wasn't doing that before the site change. But otherwise, yeah, looks great 🙂

thread

» Syphilis on February 26th, 2019, 4:30pm

Thank you. Went through and checked for issues... found a few things that I missed. I fixed that issue (and several others) and added more things (like icons), but I can't make everything perfect. The HTML just doesn't allow for it since several elements are re-used for different things... Going through and finding that I messed up another page when I added a rule (with the most specific selector possible) is maddening. Admittedly, I didn't organize and comment my code very diligently, but the HTML is the main issue.

That said, here is the link again: https://userstyles.org/styles/169365/mangaupdates-dark-v2 . Go ahead and update or install (for other people reading this). Due to the reasons above, consider this the "final" version.

thread

» svines85 on February 26th, 2019, 11:19pm

Quote from Syphilis
Thank you. Went through and checked for issues... found a few things that I missed. I fixed that issue (and several others) and added more things (like icons), but I can't make everything perfect. The HTML just doesn't allow for it since several elements are re-used for different things... G ...

Looks great to me, thanks a lot, I really appreciate it 🙂

thread

» KuoVell on February 28th, 2019, 3:31am

Awesome! Is it possible though to make the chapter numbers on the reading lists a more distinct color? I find that it's somewhat hard to immediately notice which series have new releases on my reading lists with the dark theme. Maybe make that color purple like, say, the poll?

thread

» Syphilis on February 28th, 2019, 8:09am

I changed the color and increased the font size slightly; go ahead and update the script. Looks like this now.

thread

» KuoVell on February 28th, 2019, 7:31pm

Thanks Syphilis and Geese1!

thread

» Suxinn on February 24th, 2019, 2:10am

Just chiming in to say thanks for the new responsive design! I've definitely had times where I've wanted to use MU on mobile and found it a hassle with the old style. I actually like the larger font too.

Quote from svines85
Can anybody help with a script (or any way) for a dark theme? The ones I have/was using won't work now 😀

I also used a separate stylus theme script that no longer works. (This one specifically.) From the looks of it, most people aren't fans of the banner, so we could always just take it out completely? (Or, alternatively, open it up so users could submit their own banners and we could vote on a new one.)

Are there plans for a UI overhaul in general? I personally still find the site pretty usable, but the design itself is fairly outdated...

thread

» Manick on February 24th, 2019, 11:33am

I have plans for how to move forward with the design. I plan to address that after addressing the need for an API.

Thank you

thread

» Itchan on February 24th, 2019, 2:38am

I just HATE mobile versions, they are just bad. If I can, I never use them (on my ipod, because I don't even have a mobile phone, just landline). For mobile everything has to be big, and it looks weird on desktop.

In here the manga releases with long names get cut of. The categories are too small. The font is too big.

Another site ruined by the mobile era.... 🙁

thread

» bhui on February 24th, 2019, 2:45am

I also noticed that description text will get cut of if a word is too long. So I guess this happens in other areas too.

thread

» Manick on February 24th, 2019, 11:33am

The site should look identical to the old site design on desktop, but a bit bigger. Is there something that doesn't look right? Can you provide a screenshot?

thread

» Ergzay on February 25th, 2019, 3:48am

Quote from Manick
The site should look identical to the old site design on desktop, but a bit bigger. Is there something that doesn't look right? Can you provide a screenshot?


Let's see, the search page columns are broken. Releases has different column locations than Series Info, for example.

The My Lists page has tons of white space added to the "Your Status" section that doesn't fit compared to how it was formatted previously (Did it change from left or right justified text to centered text? It looks strange being centered with all that white space.)

I like the smaller scale of the page than the new version which just increased the font sizes. Please add an option to reverse the scaling back to how it was previously.

thread

» Manick on February 25th, 2019, 9:22pm

Thank you for your suggestions. I'll try to do my best to accommodate them.

thread

» Syphilis on February 26th, 2019, 10:27pm

My theme fixes the spacing in My Lists. If you just want to decrease the font size, you can just make a userstyles script with one little block of code that will change most of the text, like so:

Quote
.text {
font-size: .9rem;
}


This is what it looks like normally, and with smaller font.

thread

» arashi273 on February 24th, 2019, 8:45am

First of all, I want to thank you guys for maintaining this website. As a casual user, I have no problem with the new design.

However, there is a feature that I missed in the new design, that is the number of voters in each column in the "user rating" graph section (see the uploaded picture). For me, it's an important metric for picking up a new manga to read.

https://imgur.com/a/F74H4w2

thread

» Manick on February 24th, 2019, 11:32am

Thank you for your report! I'll add the counts back.

thread

» ForeignerChan on February 24th, 2019, 10:42am

Regarding the mobile version, everything seems pretty fine to me. The pages of the series are a bit strange because there are two columns even if there is very little space, but I think I will get used to it soon. The only issue I have found is that in some pages the text overlaps and it's all messy and difficult to understand. Here you have an example: http://imgur.com/9VVuIOX

thread

» Manick on February 24th, 2019, 11:31am

Thank you for your report! I'll update/fix it when I can.

thread

» marc1 on February 24th, 2019, 11:53am

https://open.nytimes.com/remembering-a-programming-langua ge-that-helped-shape-the-digital-new-york-times-cd809d707 c74
Found this article today about Context and I distinctly remember ages ago seeing the language mentioned on the left menu as the main language for this site and searching for any details about what language this is.
Would love to read a blog about it's use on mangaupdates.

thread

» lambchopsil on February 24th, 2019, 4:43pm

Quote from marc1
https://open.nytimes.com/remembering-a-programming-langua ge-that-helped-shape-the-digital-new-york-times-cd809d707 c74
Found this article today about Context and I distinctly remember ages ago seeing the language mentioned on the left menu as the main language for this site and searching for any details about what language this is.
Would love to read a blog about it's use on mangaupdates.

But this site is in PHP...

thread

» kumagawa on February 24th, 2019, 11:58am

Maybe add Switch To Desktop button for those that prefer the old design? [or the update is for both mobile and desktop, idk]

thread

» ForeignerChan on February 24th, 2019, 2:40pm

Also, in the mobile version there is no button to access to one's own profile. Maybe you could turn the user's name into a link (I mean this one > http://imgur.com/dgXzN9A ).

thread

» Manick on February 24th, 2019, 5:10pm

Quote from ForeignerChan
Also, in the mobile version there is no button to access to one's own profile. Maybe you could turn the user's name into a link (I mean this one > http://imgur.com/dgXzN9A ).

That's a good suggestion. Right now you can get to your profile by clicking on User CP then clicking on edit profile.

thread

» Chilled SDK on February 24th, 2019, 4:13pm

Looking for help for another script which was broken by the update if anyone's willing. I was using one which allowed to show only series in a specified list on the release page. Seeing as how it hasn't been updated for 9 years, I don't see the maker of it fixing it anytime soon. Here's the link for it:
http://userscripts-mirror.org/scripts/show/66979

Appreciate any help on it if possible.

thread

» KuoVell on February 24th, 2019, 6:44pm

Can't say I love the new design yet, but that's life nowadays, everything needs to be mobile friendly. What can you do? Fact is a huge number of people use their phones for everything, and you've got to move with the times. It is true that the old design was on the small side. Anyway I'm not going to bitch when this website is still such a central, vital piece in my manga hobby. Without it, reading manga would be so much worse in so many ways, so thanks for still working on it and improving it!

thread

» Karonhioktha on February 24th, 2019, 7:31pm

This is not a bug, and more a suggestion if you can do it.
I like how most lists on the site have a different color gradient to tell a different series apart; examples being the releases list, works of scanlators, etc.
Can you apply it to manga-ka series titles as well? Especially for manga-ka with a lot of stuff, it can be jarring to tell series apart.

thread

» KuoVell on February 25th, 2019, 3:14am

Gonna second Karonhioktha's suggestion.

thread

» Manick on February 25th, 2019, 9:20pm

Yes. I will do this. Thank you.

thread

» Dynir on February 24th, 2019, 11:13pm

Opened the site on my laptop looks zoomed in which nice i it like since everything looks bigger and i don't have to squint or pull my head closer to the screen anymore

thread

» Ergzay on February 25th, 2019, 3:11am

Is this the right post to complain about the new design? On the desktop the whole site feels broken with pagination and newlines not working correctly.

The font size is also gigantic for some reason. I have to shrink the site to make it reasonable. There's tons of whitespace added everywhere, especially in the mylist.

thread

» Manick on February 25th, 2019, 9:20pm

Can you post a screenshot?

thread

» Axatema on February 25th, 2019, 9:52am

The mobile version is nice!

thread

» Manick on February 25th, 2019, 9:24pm

Thank you!

thread

» negrinat on February 25th, 2019, 2:50pm

On PC when I go to my lists sometimes the right menu column is not displayed. https://imgur.com/a/l4GJMGV

thread

» Manick on February 25th, 2019, 9:25pm

Hi negrinat. It looks generally terrible on your browser. What platform, browser and version are you using? I will attempt to do more testing with it.

thread

» negrinat on February 26th, 2019, 4:54am

Hi. I'm on Windows 8.1 using Firefox 56.0 (64 bits).

thread

» BalthaZar on February 25th, 2019, 11:58pm

Well done. Keep up the good work.

thread

» demonluo on February 26th, 2019, 12:38am

it look terrible on my old FF3.5 & IE7/8/9, so have to use modern browser...
https://i.imgur.com/brwGM2U.jpg
https://i.imgur.com/XQ3Gyam.jpg

thread

» GGpX on February 26th, 2019, 6:13am

I haven't read through the whole thread, so if this has been mentioned before my apologies. But since the new update, the Release Moderation page is staggered:

https://i.imgur.com/OYJJM5P.jpg

I'm on Firefox 65.0.1.

thread

» Manick on February 26th, 2019, 4:38pm

Yup I discovered that one already. It's on the list. Thanks!

thread

» bhui on February 26th, 2019, 4:18pm

For 1920 x 1080 screens a vertical half of a screen has 960 x 1080 pixels.

So increasing the width to 1000px (919px before) does not mesh that well with people using Mangaupdates on half of the screen seamlessly via the "snapping a window to half a screen" feature included in some operating systems.

Any thoughts?

thread

» ForeignerChan on February 27th, 2019, 1:48am

Most of the pages are totally fine, but I've noticed that some of them have problems. For example, God of Bath has just one column and the text is all underlined ( https://imgur.com/a/ZlI9GQj )

thread

» Syphilis on February 27th, 2019, 8:18am

Seems like there is a missing </a> tag. It's a simple solution to just add the tag, but I don't know why the tag is missing. I don't see this issue on any other pages.

Line 211:
<a href='http://www.webtoons.com/episodeList?titleNo=91' target='_blank'><u>Official English...

thread

» Manick on February 28th, 2019, 5:02pm

Fixed.

thread

» bhui on February 28th, 2019, 3:03pm

@Manick: Would it be possible to disable the "More..." function (or always display all the text on series pages).

A setting in local-storage maybe to opt into shortening those blurbs (default being unshortened unless a smaller screen size is used and giving the user the option to set it to always viewing the full text)?

thread

» Manick on February 28th, 2019, 4:42pm

I had replied to someone earlier that I was going to try to make it do this only on mobile. Right now I'm considering changing mobile to be single column, so I haven't made a change yet. I'll do one or the other.

thread

» bhui on March 3rd, 2019, 3:47am

I also noticed that text gets shortened with ... automatically in parts of the layout, even when dealing with data that was in tables before. (Like series names on author pages, or genre lists on the search page while displayed as a block.)

CSS offers the option to treat div's table-like (and modify that style dynamically with css depending on resolution) https://caniuse.com/#feat=css-table . I wonder if the library used in the design supports that.

Table-cells (or div's with the css-table-attributes) don't overflow.

thread

» Manick on March 3rd, 2019, 7:26am

I'm using a truncate option in css to make it look better on mobile. I removed that from the releases page when people complained. I'll probably remove it from other locations as well.

thread

» bhui on March 3rd, 2019, 10:56am

That css-option could only appear on the smaller screen-width-css right? So if enough width is there the truncate-setting could simply use the default-option and just behave like a regular table cell.

Candidates:
* Author pages displaying Series the Author worked on
* showing Genres during search where the displaytype is boxes
* showing all Genres during search where the displaytype is list

Looks like everything that is impeding information density gets complaints by Desktop-users:
* Larger Font size -> less lines
* Width 919px to 1000px -> does not fit onto screen-half of 990px (1920x1080) anymore
* Increased Padding -> Less lines
* Hiding Information behind clicks or mouseover (More-Link / CSS-Shortening in Tables)

thread

» bhui on March 3rd, 2019, 11:02am

Box-tables overflow easier than div's with CSS-display: table-* attributes I guess.

thread

» zeando on March 1st, 2019, 11:33am

In the series list, can the "Show as List" option be saved?

So as to don't need to select it every time?

thread

» Manick on March 1st, 2019, 3:10pm

Thanks for the suggestion. I'll see if I can add it in with the other options.

thread

» achyif on March 2nd, 2019, 1:16pm

Hello, a few things
- If a series I'm reading is on a custom list, I no longer know which list it is on from the series page. This makes navigating to the list the series is on to make changes to lists much more difficult
- Groups are no longer sorted by date added to the database. Not entirely necessary, but having a list of groups by approximate founding date was nice
- text sizing on mobile devices is pretty inconsistent. Some of it is upscaled while some of it remains small.

thread

» Manick on March 3rd, 2019, 7:26am

Thanks foe the report. I'll try to get to it as soon as I can.

thread

» Nekomikoto on March 3rd, 2019, 5:05pm

Idk if someone mentioned this already, but if you edit a msg in your inbox/pm to someone, the box cannot be resized, yet the text is cut off, so my only choice to scroll is to move my cursor using the right arrow to read what I wrote.

https://i.imgur.com/ge21Lu5.png
I'm using Windows 10 on FireFox

thread

» bhui on March 4th, 2019, 10:33am

@Mannick:
Looks like a search bot got caught in the web.

https://www.reddit.com/r/Roboragi/comments/alburr/regardi ng_mangaupdates/
https://www.reddit.com/user/Nihilate

Quote
As posted here, it appears that Roboragi is being intermittently blocked by MangaUpdates. This could be happening for any number of reasonable reasons, but the main issue at the moment is that I don't have a decent way of contacting the admins in order to follow up (and hopefully help rectify the issue if it's something I can solve). As such, I'm disabling MU links until further notice. I'll see what I can do in the mean time, but if anyone has some contact information or a potential solution which doesn't involve trying to get around the block in an unethical way (like changing IP addresses) then I'm happy to hear it.

thread

» Manick on March 5th, 2019, 6:13pm

What exactly is Roboragi? We have been suffering a pretty sustained DDOS for the past 6 months. As a result we had to limited daily and hourly hits from all IPs. Whoever is doing it is changing their tactics as we adapt, so it's quite annoying. Sorry for the issues.

thread

» Suxinn on March 6th, 2019, 1:51am

Quote from Manick
What exactly is Roboragi?

It's the bot that the r/manga subreddit uses, so that when you use certain tags, it'll automatically link you to a series' page on MAL, MU, etc.

thread

» achyif on March 6th, 2019, 6:18pm

Roboragi is a reddit bot that directly links any series name posted on reddit within < > tags to its mangaupdates, MAL, ANN, etc. pages.

Here's a FAQ: https://www.reddit.com/r/Roboragi/wiki/index
here's the comment about MU https://www.reddit.com/r/Roboragi/comments/alburr/regardi ng_mangaupdates/

It's extremely useful, it would be great if you could make contact with the guy managing that and sort that out.

All the work you're putting in is very appreciated.

thread

» Manick on March 8th, 2019, 3:46pm

Can someone provide me with their ip range? I'll white list them.

thread

» lambchopsil on March 8th, 2019, 11:50pm

Quote from Manick
Can someone provide me with their ip range? I'll white list them.

I messaged the Reddit user who developed it, but he hasn't replied. Doesn't appear he's been active for about a month

thread

» bhui on March 11th, 2019, 1:50pm

thread

» lambchopsil on March 11th, 2019, 10:50pm

Quote from bhui

Yeah, he already contacted us 🙂

thread

» Transdude1996 on March 10th, 2019, 5:16pm

Are you ever going to implement a way to save custom "accessibility" settings on the site (Such as preferred font size), or is it just going to be pushed off until people, supposedly, forget about it?

thread

» Manick on March 11th, 2019, 5:26pm

The plan is to include this option. Unfortunately I am a one person team (and this site generates no income), so real life obligations take priority. Unfortunately the last few weeks have been a bit hectic. I ask for your patience.

thread

» Frekkutarun on March 12th, 2019, 3:55am

For anyone that wants a smaller font size and padding, I cobbled together a small userscript that implements it:

https://pastebin.com/bAKLAVnp

It reduces the font size to 12 and sets the padding to what I think it was before. Install with Tampermonkey or something similar.

thread

» achyif on March 13th, 2019, 5:21am

Yay! Thanks for whitelisting roboragi guys

thread

» jrdp_18 on March 13th, 2019, 6:25am

Not sure if it was mentioned already; in author pages, I remember that series titles had alternating colors.

In adding an author birth date, the month, date, and year each has their own row instead of being adjacent to each other. https://imgur.com/kHvucSb

thread

» teriguu on March 23rd, 2019, 2:55pm

Just want to say a huge “Congrats!!” with the new layout! For a site that’s stayed the same for like god knows how long obviously people will protest, people get habits and react when they have to be changed. Keep up the good work!!

thread