Vocabulary dictionary

Kanji dictionary

Grammar dictionary

Sentence lookup

test
 

Forums - UI improvements

Top > renshuu.org > Developer corner



avatar
lxlm
Level: 19

via discord

also see

i think the whole app is some kind of website, you can use css mix-blend-mode: difference for the progress bar text for it to look good, just look up the css property

perfect nested border radius css tutorial


1
3 months ago
Report Content
avatar
lxlm
Level: 19
0
3 months ago
Report Content
avatar
lxlm
Level: 19

these are just not aligned at all. i'd suggest making a css grid with 5 1fr columns and a small gap, and then i suggest make a layout like this:

do not actually add the table borders, it's only to show how it's divided

i think css grid is very well suited for this task, but a plain old html table with hidden borders will suffice

very good css grid tutorial


1
3 months ago
Report Content
avatar
マイコー
Level: 283

Although I cannot guarantee a fast response on any specific issue (or even a guarantee that I'll make the change), very specific improvement suggestions like these are extremely helpful, and make it much easier for me to consider an improvement. Thank you in advance!

3
3 months ago
Report Content
avatar
lxlm
Level: 19

my css grid tutorial link didn't post, this is it

https://www.joshwcomeau.com/cs...

0
3 months ago
Report Content
avatar
Phonedroid
Level: 1

Icon buttons like the ones from the right hand side navigation
should have `title` attributes so browsers show toolips

a0c1419ec6e3466def95e620.png

Helps users that aren't super familiar with the interface yet.

Also the icon images should have `aria-hidden = true` on them.
( For more info on the topic : Accessible Icon Buttons )

0
5 days ago
Report Content
avatar
マイコー
Level: 283

I have not forgotten this thread! It's just been a ...really bad (health/time-wise) second half of the year for me. I cannot wait to be able to have the time to start working on these changes!

0
2 days ago
Report Content
avatar
マイコー
Level: 283

Made a few of the easier changes:

1. Better spacing on Kao Manga. Not sure adjusting the thumbnail makes sense, since you're looking at it on a specific width. Other widths, the image is larger than the text/buttons on the right.

2. Better kana chart.

3. Fixed spacing on "add new panel" box.

4. I darkened the background on the adventure box. Did not adjust anything else up there yet - I think I'll change the colors of the progress bars, but I already get a *lot* of flak for the number of font-sizes in renshuu, so I'm not sure making that text smaller is ideal, nor do I like the radial progress bar for the quests.

0
2 days ago
Report Content
avatar
Icepick87
Level: 280

There's been a long time peeve of mine:

I used to be comfortable with the font size on mobile. I have a lot of blank space on the side margins when it comes to the PC browser, which is understandable. But when I use my computer's web browser, the default text is super tiny. This causes me to want to increase the size, preferably max, but there are problems:

  • This magnifies the alignment issues as mentioned.
  • The size of the text, and alignment, with respect to mobile, makes the mobile version worse. I was happy with the original size on mobile, but I'm OK with making it customized as well.

The reason both are tied is because I want my progress to be linked. I actually don't get why there has to be two settings for that in the first place when it is not necessary. The settings nonetheless mention that's a thing. If not, it would be confusing, but I certainly would not risk it. Hence, my dilemma.

It should be a choice, IMO. In spite of that, the nature of linking my quiz progress between the two, one is a visual detriment to the other.

I have found middle ground. It's just not ideal with respect to what I want. IMO, quiz progress should not be linked to the UI. By nature of the additional UI problems mentioned above as well, it's not compatible for one or the other.

0
1 day ago
Report Content
Getting the posts




Top > renshuu.org > Developer corner


Loading the list
Lv.

Sorry, there was an error on renshuu! If it's OK, please describe what you were doing. This will help us fix the issue.

Characters to show:





Use your mouse or finger to write characters in the box.
■ Katakana ■ Hiragana