Default HTML 5 folders and files


Well back from my vacation, deserved or not.  Didn’t do much, mostly surfed on cloudy days (so that are less people at the beach in the way), swam in the condo swimming pool and read a bunch of fiction books.  Started off with War and Remembrance, ever read War and Peace?  This is sort of the same only longer, but the main character reminded me of my wife’s grandfather, and his son like her father. Then I read a toss off book by Dave Barry, very funny and fast read, mostly fluff.  Then I read one of Winston Churchill’s books about World War 1 (not the one he won the Nobel Prize for but certainly the basis for his work about World War 2).  And finally I read a Clive Clusser book, which are pretty much all the same, NUMI, and so forth.  And I cleaned up my office, which was in deep need of it.  Oh and I got a new Sleep apnea machine, what a difference it makes, and if anyone complains that you stop breathing in your sleep or you snore loudly, please get a check up for sleep apnea, it really truly makes a difference in my life.  which has nothing to do with HTML 5, except that it might make you feel better about life. Smile

Ok, blog stuff

First off: Do you have to use the defaults? 

No.  An HTML app can work with other filenames, etc.  Doesn’t mean you will get in the app store, but it will be an Windows 8 application.

File: default.html

The app's start page. This is the page that shows when your app is launched. This file contains references to default.js, the Windows Library for JavaScript files and style sheets, and the app's own style sheet, default.css.

Now do you have to use the name “default.html”?  No.  Default.HTML name can be changed, but if you don’t include the appropriate code, your site won’t work.  Or it might work, but not as you expect it too.  You do have to change this in the package.appmanifest though.


    File: /js/default.js

    JavaScript code that specifies how the app behaves when it's started. This file contains code for handling your app's lifecycle. The template-generated default.js handles app activation, but a typical app will also handle suspending and resuming events.


    • Here is where you can add your code that needs to run on activation (that is: when your app starts), at a checkpoint and so forth.

      File: /css/default.css

      The app's Cascading Style Sheets (CSS) styles. Here you can define your own styles or override existing the ones provided by the Windows Library for JavaScript. The default implementation makes the body element use a grid layout. For more info about using the grid layout, see Grid alignment


      • For a C++ guy, CSS reminds me of header files.  Here is where you store the instructions for the tags.  And if you don’t have all of that stuff memorized, there isn’t any intellisense, so get busy memorizing tag related stuff.

      File: package.appmanifest

      The app manifest. This file lists the contents of your app and describes its capabilities, such as whether the app can access the user's webcam. It also specifies which page to use as the app's start page. When you use Visual Studio Express 2012 RC for Windows 8 to add more files to your app, it automatically updates your app manifest.


      • This is automatic, except for the stuff that isn’t.  So you should visit this often and understand what it is for, does, and modifies.  If you don’t, your app will run, but you will likely spend time troubleshooting an easy to fix problem if you just went to the package.appmanifest page and fixed it using the helper/wizard screen. 

      Folder: /images

      The template also includes several image files, like splashscreen.png for the splash screen image, and storelogo.png, which is used for the Windows Store.


      • It’s a folder.  You can use it for your images as well, but if you have a bunch of images, make your own darn folder.  Also, Modify the splashscreen and storelogo to something original.  If you don’t, your app might make it into the store, but it makes you look like a dork.  You don’t want that do you?

      Folder: /References/Windows Library for JavaScript SDK

      The Windows Library for JavaScript: a set of styles, controls, and utilities for creating apps.


      • Just like other libraries, think canvas.js, etc.  these libraries have to live somewhere.  If you add more libraries you can use this folder, or make your own.
      Comments (2)

      1. Brain Guru says:

        Brainguru Technologies Pvt. Ltd – Web Designing

        Brainguru Technologies Pvt. Ltd. is a Web Designing. It Offers Micro Website, Landing Pages for Web Designing and development in Noida, India.


        Web Designing


        Brainguru Technologies Pvt Ltd.

        C -17, First Floor

        Sector – 2, Noida

        Call Us: +91-8010010000 / 9311347742

        Email us:


      2. Surf4Fun says:

        Hey Brain Guru,

        Always happy to help out a reader with their business, of course I had to check the website to make sure you weren't a bad company.  I know you are busy, but why not post a little more about your business and which technologies you like to use and be honest of course.  If you don't like Microsoft, well I am willing to post a reasonable statement.  

        I define reasonable as your spelling is correct, and you give clear examples of how what you like is better then what Microsoft builds.  

        For example:

        My company doesn't like Expression Design because the documentation is so poor.  

        Or, my company likes Expression Design because when we finally got pass the awful documentation I was able to discover that it is has excellent XAML support

      Skip to main content