4 ms·
The examples on the page are still fundamentally bloated. Take a look at the source of any example and you will find the regular div soup albeit not burdened by
by Theodores 8y ago
The examples on the page are still fundamentally bloated. Take a look at the source of any example and you will find the regular div soup albeit not burdened by 106 cookies and 46 tracking scripts.
The web has HTML5 elements and the CSS grid layout engine that can be made fully responsive with maintainable CSS variables to look excellent in evergreen browsers. However nobody is able to code up a page this way as there is so much technical debt in the way web development teams work and the hacks that can't be dispensed with overnight.
Recently I tried to make a CMS form look pretty. The forms needed have to have the simplest markup, e.g. label followed by input, label followed by input with those inputs having HTML5 niceties such as placeholders and the 'required fields' being styled with simple CSS that is based on 'required=true' being on the input boxes. However, the templates had two divs and spans around the labels and two more divs around the inputs with a container div holding it all together, everything decorated with untold class tags. To make this look good and responsive in CSS grid I needed to get rid of all of it apart from the inputs and labels. If I didn't have confidence in what I was doing I would have just added yet more CSS and yet more complexity.
Anyone can make stuff complex, making stuff simple and concise is an entirely different skill. None of the examples on this list have fully grasped what a modern web page should be like. It is as if nobody has taken the time to learn how to write content with the correct elements and then style it up for the evergreen browsers people actually use with modern CSS.
- bo1024 8y agoAny suggested resources or examples to learn from?
- Theodores 8y agoI do not actually see a concise course out there that puts it all together. I am a big fan of Rachel Andrews, Jen Simmons and Lea Verou, however, at the moment it really requires some DIY effort to get everything learned. You also need a project such as your own portfolio site to have a go with. Given there is no guide out there I think I had better write one.