Coding Speedruns

1. Make a page template for a generic site!

   • HTML and CSS only
   • It should not require any other files
   • It shouldn't have too generic CSS rules
   • Code style "as they do it"
   • It should contain header, asides, section, footer
   • Calm palette, simple font
   • Header should contain logo, navigation, user panel
   • Footer should contain contacts, links

   5 minutes run result

   conclusions:

   5 minutes is not enough. I needed at least 12. More like 15 even. My code style is ok. More empty lines maybe.

2. Make a page template for a generic site!

   • HTML and CSS only
   • It should not require any other files
   • It shouldn't have too generic CSS rules
   • Code style "as they do it"
   • It should contain header, asides, section, footer
   • Calm palette, simple font
   • Header should contain logo, navigation, user panel
   • Footer should contain contacts, links, socials

   10 minutes run result

   conclusions:

   Need to master emmet

3. Make a page template for a generic site!

   • HTML and CSS only
   • It should not require any other files
   • It shouldn't have too generic CSS rules
   • Code style "as they do it"
   • It should contain header, asides, section, footer
   • Calm palette, simple font
   • Header should contain logo, navigation, user panel
   • Main should contain two sidebars and main content block
   • Footer should contain contacts, links, socials

   12 minutes run result

   conclusions

   more emmet

4. Make a page template for a generic site!

   • HTML and CSS only
   • It should not require any other files
   • It shouldn't have too generic CSS rules
   • Code style "as they do it"
   • It should contain header, asides, section, footer
   • Calm palette, simple font
   • Header should contain logo, navigation, user panel
   • Main should contain two sidebars and main content block
   • Footer should contain contacts, links, socials

   15 minutes run result