Manga is the Japanese equivalent of comics
with a unique style and following. Join the revolution! Read some manga today!
Join #baka-updates @irc.irchighway.net
RSS Feed
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!
Comments (limited to first 100 replies)
» Klaster_1 on February 22nd, 2019, 6:43pm
» bhui on February 22nd, 2019, 7:01pm
Has every search been ported to elastic search?
» Manick on February 22nd, 2019, 7:03pm
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.
» bhui on February 22nd, 2019, 7:33pm
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?
» Manick on February 22nd, 2019, 7:47pm
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.
» bhui on February 22nd, 2019, 8:48pm
» bhui on February 22nd, 2019, 8:56pm
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.
» bhui on February 22nd, 2019, 7:37pm
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?
» Transdude1996 on February 22nd, 2019, 7:24pm
» Manick on February 22nd, 2019, 10:56pm
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.
» Transdude1996 on February 23rd, 2019, 6:42am
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.
» Manick on February 23rd, 2019, 7:16am
The sidebar? Or the right tab? (Which had Search at the top?)
Can you give me a screenshot?
» Transdude1996 on February 23rd, 2019, 7:36am
Can you give me a screenshot?
https://i.imgur.com/YsXBcJD.png
» Manick on February 23rd, 2019, 8:10am
» bhui on February 22nd, 2019, 7:26pm
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.
» Manick on February 22nd, 2019, 7:50pm
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.
» bhui on February 22nd, 2019, 8:59pm
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.
» Manick on February 22nd, 2019, 10:53pm
» bhui on February 24th, 2019, 12:13am
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.
» Klaster_1 on February 22nd, 2019, 8:14pm
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.
» SoulfulAbyss on February 22nd, 2019, 8:41pm
» bhui on February 22nd, 2019, 9:14pm
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
» Manick on February 22nd, 2019, 9:57pm
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?
» bhui on February 22nd, 2019, 10:31pm
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."
» Manick on February 22nd, 2019, 10:55pm
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?
» bhui on February 24th, 2019, 1:01am
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
» bhui on February 22nd, 2019, 9:34pm
Shouldn't the intention be that the right column (with volume image) gets appended at the end if the browser window gets small enough?
» Manick on February 22nd, 2019, 10:19pm
» bhui on February 22nd, 2019, 10:24pm
(Good example would be the browsers built-in zoom activating this at higher Zoom-Levels.)
» Manick on February 22nd, 2019, 10:50pm
(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.
» bhui on February 24th, 2019, 1:06am
Basically the left column sliding in between the cover image and the rest of the right column. Or some other desired order.
» zalagires on February 22nd, 2019, 9:51pm
i like old view search result when its only view list name of name and genre
without tumbnail / cover of the series
» Manick on February 22nd, 2019, 10:18pm
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).
» bhui on February 22nd, 2019, 10:27pm
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.
» Manick on February 22nd, 2019, 10:48pm
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.
» tactics on February 23rd, 2019, 3:53am
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.
» Juhachi on February 23rd, 2019, 3:57am
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.
» bhui on February 23rd, 2019, 4:34am
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
» wrona on February 23rd, 2019, 4:18am
Instead of making separate mobile version of site, you're just making normal version look bad so it looks better on phones?
» bhui on February 23rd, 2019, 4:38am
» Manick on February 23rd, 2019, 7:25am
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?
» bhui on February 24th, 2019, 1:19am
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.
» bhui on February 23rd, 2019, 4:36am
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.
» bhui on February 23rd, 2019, 6:07am
» Manick on February 23rd, 2019, 6:13am
There shouldn't be. Are you missing some?
» bhui on February 24th, 2019, 1:22am
» lambchopsil on February 24th, 2019, 7:33am
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.
» lambchopsil on February 23rd, 2019, 9:34am
If your release was rejected or is still pending, it will not show up in "My Previously Added Releases"
» pyrolobus on February 23rd, 2019, 6:52am
» ranmaru on February 23rd, 2019, 7:10am
» SKyz007 on February 23rd, 2019, 7:12am
» residentgrigo on February 23rd, 2019, 8:13am
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.
» Manick on February 23rd, 2019, 8:20am
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.
» residentgrigo on February 23rd, 2019, 8:24am
PS: The site could use a new header. Are we still baka-updates?
» Syphilis on February 23rd, 2019, 8:47am
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.
» Geese1 on February 23rd, 2019, 10:22am
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.
» Manick on February 23rd, 2019, 11:58am
Unfortunately, we did not develop that plugin so we have no way to fix it.
» bhui on February 24th, 2019, 1:32am
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.
» tanstaafl on February 23rd, 2019, 11:59am
Using a PC with Win 7 and IE 11.
» residentgrigo on February 23rd, 2019, 12:25pm
» Geese1 on February 24th, 2019, 7:45am
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.
» Daywalker30 on February 24th, 2019, 8:46am
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.
» jrdp_18 on February 23rd, 2019, 12:52pm
» ImmLff on February 23rd, 2019, 2:26pm
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.
» Manick on February 23rd, 2019, 4:14pm
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.
» bhui on February 24th, 2019, 1:40am
I wonder if page-weight changed much: https://danluu.com/web-bloat/
Some locations in the US and other countries are also only served by slow or high-latency connectivity.
» svines85 on February 23rd, 2019, 4:54pm
» Manick on February 23rd, 2019, 6:04pm
» svines85 on February 23rd, 2019, 6:43pm
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
» Manick on February 23rd, 2019, 7:24pm
» Klaster_1 on February 23rd, 2019, 9:34pm
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.
» svines85 on February 23rd, 2019, 9:56pm
😀
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 🙂
» bhui on February 24th, 2019, 1:43am
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.
» Suxinn on February 24th, 2019, 1:10am
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...
» Itchan on February 24th, 2019, 1:38am
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.... 🙁
» bhui on February 24th, 2019, 1:45am
» arashi273 on February 24th, 2019, 7:45am
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
» ForeignerChan on February 24th, 2019, 9:42am
- MANGA Fu
- News
- What's New!
- Series Stats
- Forums
- Releases
- Scanlators
- Series Info
- Mangaka
- Publishers
- Reviews
- Genres
- Categories
- FAQ
- Members
- API
- MEMBERS
- Sign Up
- TEAM-BU
- Admin CP
- About Us