The design choices for this site
Because anything fun starts with a disclaimer.
These are the design decisions I've made as of writing, so things may change.
What is important for this site
The key areas I want to focus on are performance and responsiveness.
Generally performance for a web page can be split into two main areas. Data across the wire and processing.
To reduce the amount of data being downloaded there are lots of steps that can be taken:
Then the greatest way of reducing the download size is to gzip the content and again this is can be done as part of the build process.
CSS has numerous frameworks to give the structure for a responsive site, grid systems and media query breakpoints, but the web is responsive out of the box and then at some point a developer breaks that responsiveness.
There are very good reasons to break that default responsiveness; For layout reasons and most people do not like reading text that fits the full width of a desktop screen.
To have a layout that doesn't break a pages responsiveness the simplest way is to stick to the document model, a single column that flows top to bottom.
To fix the full scrren text in a post ie6 world. Your content can sit in it's traditional fixed width container but instead of a
width being set,
max-width is used. The result is very simple, large wide screens you get the traditional column of text, then shrink down below your max-width threshold and your back in the default document behavior.