├── README.md ├── css └── style.css └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # Modern Default HTML 2 | I believe the Web was always meant to be a responsive platform open to all. HTML in its purest form is perfectly functional and legible - design decisions made thereafter can either improve or tarnish the default out-of-the-box experience. 3 | 4 | That's why I decided to share my default template for starting new projects - it helps me focus on the sensible defaults that are already in place and think carefully about the decisions I make from the ground up. This isn't a new idea by any means, it's perhaps a more focused effort. I have made sure that: 5 | 6 | * There are no solutions imposed upon you as a designer (for example if this included a responsive solution for tables, the approach may not suit the data you are trying to show or the problem you are trying to solve) 7 | * On a related note - there is nothing in this project you will need to undo 8 | 9 | Just an unobtrusive, minor tweak to the default web page to make it accessible on modern devices. 10 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | img, video { 2 | max-width: 100%; 3 | height: auto; 4 | } 5 | 6 | audio { 7 | width: 100%; 8 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | --------------------------------------------------------------------------------