I have recently started creating a website, and I usually prioritise the backend, instead of the frontend. This is why my knowledge in CSS isn’t that great.
Can you give me tips and advice on how to make this page much better (CSS-wise)? The website is below.
Discipulis
The website is looking great! I just have a few practical frontend critiques:
cursor: pointer;i'll work on all of these thanks!
for the 3rd point, I usually store the verbs and nouns like that, do you want me to add spacing in the way I format it and use
.split(", ")instead of.split(",")?Yes, I just think that
.split(", ")just looks more aesthetically pleasing, along with it being more grammatically correct.ill do that then, thanks for your advice!
This looks fine. A few places you can improve your code:
class names: use BME
consistency: have consistency in units of font-size. Eg: em, rem, or px
shorthand: use shorthand css commands eg: do this -
padding: 10px 5px;HTML : order of elements for accessibility is important. As of now, NAV is coming as first element in the code. However in the design it is last
Do check this in future dev.to/hellonehha/css-for-large-pr...
I’ll try all these out, thanks!
It's hard to give advice if we don't know what you're after.
Personally, I think it looks fine - it's easy to read, and the colours look quite nice to me. The navigation bar might do better at the top from a UX point of view, though I suspect that's not CSS.
That said, I don't know what you'd like it to look like.
Thanks! I just want it to be easy to read as you said, and have a nice colour scheme so users will want to come back to the website.
I like it. I generally use dark theme and will switch to it every time if it's available. I personally find it easier on my eyes.
However, it's also important to keep in mind what type of user your site is targeting. There is a philosophy that says light themes are friendly and airy, while dark themes are a bit 'scary'.
It looks like your site is a learning resource and might be aimed at the 'casual' user. If that's the case, I might recommend considering a light theme to make it feel more 'inviting'.
If you can, I'd suggest making the colour scheme switchable between light and dark themes, and default to a light one.
That seems like a great idea!
I’ll work on it, thanks!
added a light mode!
I’ll suggest that for a website teaching a language, the UI should be more alluring so you might need to use some bright colors and maybe some animation to keep the user fixated.
added a light mode!
I’m definitely going to add light mode, but I’ll try adding more animations