CSS Layout Patterns
Steven Bradley bespricht die Vor- und Nachteile unterschiedlicher CSS Layout Ansätze:
The next website you develop will likely be one of the 6 types we’ve been discussing these last couple of posts. Each layout has its strengths and weaknesses and it makes sense to learn how to code for each type.
- Fixed Width — least expensive, simplest to develop, most control over visual design
- Fluid/Liquid — Most flexible, everything relative to browser window (external to design)
- Elastic — Flexible, everything relative to part of the design, usually font size (internal to design)
- Hybrid — Can be both flexible and static. Different hybrid layouts can lean toward either.
- Responsive — Best when site needs to work well across a range of known devices, browsers, etc.
- Fliud/Elastic Grids — Offers a way to maintain order inside a flexible container.