2016년 3월 19일 토요일
2016년 3월 13일 일요일
20480B - Programming HTML5, CSS3, JavaScript과정 참고 사이트들 입니다.
*크롬, 파이어폭스 다운로드
http://www.google.co.kr
https://www.mozilla.org/ko/firefox/new/
*Visual Studio 커뮤니티 에디션
https://www.visualstudio.com/products/visual-studio-community-vs
*참고 사이트
http://jindo.dev.naver.com/collie에 접속하시면 라이브 데모를 볼 수 있습니다.
*html5지원 점수
http://html5test.com/
*브라우져별 지원 기능
http://caniuse.com
*브라우져 점유율
http://gs.statcounter.com/
*http://jqueryui.com/
*html5가 제대로 지원되지 않은 브라우져라면?
html5polyfill
http://mediaelementjs.com/
*모바일 장비 테스트
크롬 웹 스토어 -> ripple emulator
*적응적 UI를 위한 라이브러리
http://getbootstrap.com/
*웹소켓 사이트
http://www.websocket.org/
http://www.google.co.kr
https://www.mozilla.org/ko/firefox/new/
*Visual Studio 커뮤니티 에디션
https://www.visualstudio.com/products/visual-studio-community-vs
*참고 사이트
http://jindo.dev.naver.com/collie에 접속하시면 라이브 데모를 볼 수 있습니다.
*html5지원 점수
http://html5test.com/
*브라우져별 지원 기능
http://caniuse.com
*브라우져 점유율
http://gs.statcounter.com/
*http://jqueryui.com/
*html5가 제대로 지원되지 않은 브라우져라면?
html5polyfill
http://mediaelementjs.com/
*모바일 장비 테스트
크롬 웹 스토어 -> ripple emulator
*적응적 UI를 위한 라이브러리
http://getbootstrap.com/
*웹소켓 사이트
http://www.websocket.org/
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
(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
피드 구독하기:
글 (Atom)
걸음걸이가 자연스러운 중국산 로봇 영상
인공지능 분야와 로봇 분야에 중국의 기술력이 상당한 파장을 주고 있습니다. 대단합니다. ㅎㅎ https://www.youtube.com/watch?v=HvG9RIsWpqI

-
C# 윈도우 폼(Windows Form)에서 App.Config 파일의 연결문자열 암호화 하기 조회 : 393 나의 폴더 > C# | 2013-09-04 (Wed) 08:58 http://blog.dreamwiz.com/pa...
-
오픈AI에서 쿼리 비용으로 하루에 사용하는 돈이 9억정도 됩니다. 100억달러 13조원을 투자를 받고도 힘든 상황입니다. 여기에 370명정도의 인공지능 전문가 집단도 조금씩 탈출을 하고 있다고 합니다. 잘 해결되야 할 상황이라고 봅니다. http...