Device Adaptation

https://msdn.microsoft.com/en-us/library/hh708740(v=vs.85).aspx




As a web (or Windows Store app using JavaScript) developer, you are faced with a dilemma: Code your site to work with as many devices, sizes, and resolutions as possible; or risk alienating users by potentially allowing your content to be either clipped (in fixed layouts) or jumbled confusingly (in fluid layouts). The @-ms-viewport rule, in combination with Cascading Style Sheets (CSS) Media Queries, attempts to solve this dilemma by enabling web developers and developers of Windows Store apps using JavaScript for Windows 8 to optimize the layout of sites and apps for different devices with minimal effort.


In my own opinion device adaptation is one of the most important part of developing nowadays with everything being mobile.  This is something that must be taken in to account when building your page.  You want whomever is visiting your page to be satisfied no matter the device they use.

Media Queries (HTML)

https://www.box.com/blog/media-queries-things-i-wish-id-known/




I happened to find a lot of knowledgeable information on Media Queries through box.com.  CSS media queries enable you to apply different CSS styles in your HTML page depending on the device that shows the HTML page. More specifically, media queries enable you to apply different styles depending on the browser window width, device screen width, type of device, aspect ratio and pixel ratio. In many cases it is enough to base your media queries on the browser window width, though.


Here Are Some Examples I Found.


<style>
    @media only screen and (max-width: 600px) {
        /* CSS rules for browser widths equal to or less than 600px */
        body { background-color: #ffffff; }
    }
    @media only screen and (min-width: 601px) and (max-width: 1200px) {
        /* CSS rules for browser widths from 601px to 1200 px */
        body { background-color: #ff0000; }
    }
    @media only screen and (min-width: 1201px) {
        /* CSS rules for browser widths from 1201px and up */
        body { background-color: #0000ff; }
    }
</style>

Dublin Core

http://semanticweb.org/wiki/Dublin_Core


I can honestly say I knew nothing about Dublin Core until I visited semanticweb.org.  This metadata has hardly any influence on the ranking of your site with the search engines. It has to be said that if your pages can be written better, they will be found better. And how often your site is found, the better it is for your rank. That's why we validate this metadata. I think that every effort you put in search engine optimization will result in better ranking and more visitors to your page .