IT:AD:HTML [Notes]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
# IT:AD:HTML  #



<callout type="Navigation" class="small">

* [[../|(UP)]]
{{indexmenu>.#2|nsort tsort}}

* See also:
    * [[IT/AD/IE/]]
    * [[IT/AD/Chrome/]]
    * [[IT/Firefox/]]
    * [[IT/AD/PWA/]]
    * [[IT/AD/SPA/]]
    * [[IT/AD/Gulp/]]
    * [[IT/AD/Grunt/]]
    * [[IT/AD/Bower/]]


</callout>


## Resources ##

* "Responsive Web Design" by Ethan Marcotte
    * [http://www.abookapart.com/products/responsive-web-design](http://www.abookapart.com/products/responsive-web-design)
* http://www.creativebloq.com/responsive-design-tools-8134180

#### Layout ####

* Width:
    * Max Width of page: 2 alphabets wide.
* Height:
    * [http://iampaddy.com/lifebelow600/](http://iampaddy.com/lifebelow600/) tries to demonstate that scrolloing is ok. I still think it isn't. But I don't know how that works with showing on Mobile as well, which can't avoid it, unless hiding stuff on Mobile.


#### Navigation ####


## Font ##
* Font Size: GB said 16pt (say what?!)

#### Colour ####

* Online (Voted up/down) Color Schemes:
    * [kuler.adobe.com](kuler.adobe.com)
    * [colourlovers.com](colourlovers.com)





## Cut/Paste Sample ##

* See [List CDN of JQuery UI Themes] (http://stackoverflow.com/a/1349238/1052767)
    
>     <!DOCTYPE HTML> 
>     <html>
>       <head>
>
>         <title></title>
>
>         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
>         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
>
>         <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css rel="stylesheet" type="text/css"/>
>
>        </head>
>        <body>      
>        </body>
>      </html>