Archive of posts: February 15, 2017
An Opinionated Skeleton For Starting A Website
A HTML/CSS skeleton to quickly get started with your project
Getting started with a new website or application always involve doing some sort of copy and paste to generate some skeletons. Here is the html and css I’m starting with when creating a new project. HTML:
Skeleton: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="name" name="apple-mobile-web-app-title"> <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"> <title></title> <meta name="description" content=""> <link rel="prefetch" href="/"> <script src="/assets/js/app.js"></script> <link rel="stylesheet" href="/assets/css/style.css"> <!--[if lte IE 9]> <script src="https://rawgit.com/jonathantneal/flexibility/master/flexibility.js"></script> <script> flexibility(document.body)</script> <![endif]--> </head> <body> </body> </html> Explanations:
- <meta http-equiv="X-UA-Compatible" content="IE=edge">: Yes we should force IE to use edge unless you want to spend countless hours supporting IE7. Yes it happens! If you wonder why, in my company the IT department decided to migrate to IE11 once IE8 support was drop and to avoid issues with legacy application, they updated everyone registry to use IE7 rendering engine instead of...