20480B - Programming HTML5 , CSS3, Javascript과정 변경된 내용들

IE 11.0기반으로 수업을 진행하는데 다른 브라우져에서도 동일하게 레이아웃이 적용됩니다. 실습 내용중에 아래와 같이 수정하면 됩니다.

(navi.css 10장)
/* Styles for the page navigation bar */

nav.page-nav {
    background-color: #1d1d1d;
    line-height: 6rem;
    font-size: 1.7rem;
}

nav.page-nav .container {
    display: -ms-flexbox;
    display: flex;
}


mobile.css(10장)
@media screen and (max-width: 480px) {
    nav.page-nav .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -ms-flex-pack:center;
        flex-wrap:wrap;
    }

하위 버전의 IE에서 문제가 되는 경우 해결하는 방법입니다.
IE 8, 9에서 미디어 쿼리를 사용하는 경우입니다.
    <link href="content/css/bootstrap.min.css" rel="stylesheet"
        media="screen" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="content/js/bootstrap.min.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->



아래는 수업에서 소개한 참고할 자료들입니다.

Visual Studio 커뮤니티 에디션
https://www.visualstudio.com/ko-kr/products/visual-studio-community-vs.aspx

Visual Studio Express
https://www.visualstudio.com/ko-kr/products/visual-studio-express-vs.aspx

크롬 웹 스토어: ripple emulator

부트스트랩
http://getbootstrap.com/examples/jumbotron/
http://bootstrapk.com/

HTML5 & CSS3:
모던 웹 디자인을 위한 HTML5+CSS3 입문 : 최신 HTML5 표준안과 웹 브라우저 호환성을 반영한 웹 디자인 입문서 개정판
윤인성 저 | 한빛미디어
모던 웹을 위한 JavaScript + jQuery 입문 :

MVC자료
프로 시리즈-005 프로 ASP.NET MVC 5 프레임워크
애덤 프리먼 저/Taeyo.NET 번역팀 역 | 비제이퍼블릭(BJ퍼블릭)
http://www.taeyo.net/
http://www.asp.net/mvc