d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > D2jsp Reworked (modern Js/css)
Add Reply New Topic New Poll
Member
Posts: 3,354
Joined: Apr 17 2020
Gold: 11,423.00
May 22 2022 03:49am
Decided to make the website a bit modern instead of having the basic color overlay by changing the themes.
Based on CSS3 (Stylus):
- Flexbox - fully responsive.
- Changed most block sizes of widths, heights, paddings.
- Better header with UGrade effects & styled forum gold.
- Font size has been slightly increased, you don't need to wear glasses or zoom 200% to read 14px text.
- Name sections are no longer eaten by flexbox width and will show as 100% instead.
- Paid topic design (Bold + Color) will be now with bigger text, blue colored title, way more noticeable on black screen.
- Custom username style effect on topics.

Based on TypeScript (Tampermonkey):
- Responsiveness.
- Smoother scrolling.
- Better notification pop up effects.
- Signature/Avatar increased size without quality loss.

TODO:
- You tell me :)

This project is not for sale, nor it will be distributed anywhere, it's for the sole purpose of practicing my coding skills.

Main page:



Profile:



Section + Topics:




To view full sized image for maximum quality > right click on the image > copy image URL > new tab > Ctrl + V > Enter.

:thumbsup:
Retired Moderator
Posts: 7,056
Joined: Dec 19 2013
Gold: 2,948.60
Trader: Trusted
May 22 2022 12:32pm
I understand that this probably took you some time so to preface I'm not just trying to pick out things you did wrong, just my 2 cents since it looks like you are just looking to improve!

1. Clickable objects, like the links in the nav bar up top, or the threads/users should have underlined text decoration, or at least some sort of other discernible feature that shows the user they are clickable. Obviously we all know they're clickable because we use the website, but if you were design something new and leave links looking like regular text, it makes for a pretty bad user experience

2. I understand where you're going with the nav bar thing, same thing as windows 11 and a lot of gamers are pushing for game UIs (d2r did this) to become more centered due to newer resolutions/displays or whatever, but I don't really think the way you laid it out makes much sense.
The | way | you | use | these can look a bit weird and I think just having text decoration would be enough to separate each link rather than trying to split them with the | symbol

It also just seems to take up more space vertically for almost no reason, compared to what exists currently. It's kind of like putting this on a resume:

University
Year
Course Code
GPA

Instead of aligning some to the left and some to the right, using the horizontal space better. You do the same thing with the add reply/new topic - I can see that you're trying to put it on the same side of a lot of other information, like the page numbers, but really it just pushes the content down compared to what currently exists

3. The blue text thing is more of a theme, if you're on a lighter theme it doesn't really make much sense. The red is a bit more universal, as far as I can tell from the themes I've tried out

4. Perhaps just personal preference, but I think the pink name and the teal forum gold is just distracting/unimportant.. Your username effects already show up to other users/in the forums, which is all that's important, and the forum gold is bolded - it's not like it's hard to find or anything. But again, maybe just personal preference.

5. The text being bigger is kind of weird. I don't personally feel like it's too small at the moment, but if you did and you want to make it bigger you need to take into account more than just the text within boxes and notice the titles and stuff too. For example, on the main page it looks like you made the actual content of the announcement larger, but the title of the announcement is smaller, which looks really odd as a user. And again, no underline decoration for the "read more" or the title of the announcement can be confusing for users

ALL IN ALL

I'm not saying it looks bad, I do like most of it. However, most of it is the same as what's already going on with jsp so I'm not sure who I'm complimenting with that one :lol:

Either way this is really good practice and like I said I'm sure you put a lot of effort into this. Good work and please take my comments as constructive criticism - and I'm just one person! :thumbsup:


E/ Oh last thing, to view the full sized image it's a lot easier to just right click -> Open image in new tab :lol:

This post was edited by Soroush on May 22 2022 12:33pm
Go Back To Programming & Development Topic List
Add Reply New Topic New Poll