Jul 10, 2026, 6:37 PM- Jul 10, 2026, 6:37 PM
Replies
Jul 10, 2026, 9:51 PM@andniz I like the way Andy Bell presents CSS stuff. You might take a look at this free course he authored: https://web.dev/learn/css/
... and/or the book Every Layout: https://every-layout.dev/
- Jul 10, 2026, 10:00 PM
@toddz Ha, I was just looking at his course at Picalilli, but it's a bit more pricy and I'm not sure if I'd need THAT much. I'll have a look at those that you linked, thanks!
Ænðr E. Feldstrawaeveltstra@mastodon.socialJul 10, 2026, 10:05 PM@andniz Do you know whether it's your visual design skill that needs work, or your CSS coding skill?
- Jul 10, 2026, 10:07 PM
@aeveltstra probably both, the most complicated stuff i did was using flexbox to have content in one or multiple columns, depending on the viewport. So rather basic
- Ænðr E. Feldstrawaeveltstra@mastodon.socialJul 10, 2026, 10:11 PM
@andniz Understood. So let's start with the basics of visual design. A free course is available here: https://www.codecademy.com/learn/learn-visual-design
- Ænðr E. Feldstrawaeveltstra@mastodon.socialJul 10, 2026, 10:13 PM
@andniz And if you prefer Coursera, here's a free tutorial on graphic design: https://www.coursera.org/learn/fundamentals-of-graphic-design
- Jul 10, 2026, 10:16 PM
@aeveltstra Thanks, I'll have a look!
- Ænðr E. Feldstrawaeveltstra@mastodon.socialJul 10, 2026, 10:17 PM
@andniz Now you say that using flex layout is basic - MDN begs to differ and claims that is an advanced skill. MDN offers its CSS tutorials for free by skill level and describes what each teaches, but it doesn't necessarily teach how it is applied on graphic design. https://developer.mozilla.org/en-US/docs/Web/CSS/Tutorials
- Ænðr E. Feldstrawaeveltstra@mastodon.socialJul 10, 2026, 10:21 PM
@andniz And thus here is a tutorial that goes over a graphic design and teaches how to turn that into code. It focuses on identifying semantic and other html elements, as well as graphic design choices. https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/
- Jul 10, 2026, 10:34 PM
@aeveltstra right, I got that wrong - I meant that what I did was basic
Elisabeth Mindependentpen@mas.toJul 10, 2026, 10:19 PM@andniz w3schools has good explainers and try-it sandboxes
- Jul 10, 2026, 10:37 PM
@independentpen these were good for me when I wanted to check on a specific subject (like how does a certain CSS property work etc), but didn't work great for me when I didn't know what I was looking for (which is the case now)
Thanks though!