odada

html5up.net/ HTML5 UP Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license. html5up.net kalanidhithemes.com/ Kalanidhi Themes kalanidhithemes.com 부트스트랩 템플릿 themehunt.com/ Free Bootstrap Templates & WordPress Themes A great collection of multipurpose free templates and WordPress Themes. Browse and download theme for your personal, business or..

m.blog.naver.com/PostView.nhn?blogId=designondo&logNo=220915027585&proxyReferer=https:%2F%2Fwww.google.com%2F CSS web font 웹폰트 ttf, eot, woff 만들고 설치 사용하기 시작하기 전 알아두기!CSS3의 @font-face는, CSS2에서 부터 존재해 온 규칙이 있다고 합니다. 우리가... blog.naver.com 시작하기 전 알아두기! CSS3의 @font-face는, CSS2에서 부터 존재해 온 규칙이 있다고 합니다. 우리가 흔히 웹폰트라 부르는 Embedded Open Type(.eot)포맷의 라이센스로 인해 해당 포맷을 지원하는 유일한 웹브라우저인 인터넷 익스플로러에서만 사용했습니다. 그러나,..

전공별 자격연계 검색하기 www.cb.or.kr/creditbank/eduIntro/nEduIntro2_4_3.do 1. 컴퓨터공학 자격연계 2. 시각디자인학 자격연계

www.cb.or.kr/creditbank/eduIntro/nEduIntro2_4_1.do 자격 학점인정이란? | 자격 | 학점인정 대상 | 학점은행제 소개 | 학점은행 홈으로 이동 학점은행제 소개 학점인정 대상 이전학점인정 대상 자격 학점인정이란? --> 자격 전공별 자격연계 자격별 학점인정의 세부기준은 교육부장관의 승인을 받아 국가평생교육진흥원의 www.cb.or.kr 영문명 Certificate of Game Programmer 분야 정보/통신 관리처 한국콘텐츠진흥원 시험과목 프로그래밍일반 게임제작개론 게임알고리즘 게임프로그램작성 자격명칭 게임프로그래밍전문가(2002-12-31) 실기기관 홈페이지 : www.kgq.or.kr/service/pub/IntroServlet 한국콘텐츠진흥원 게임국가기술자..

해상도에 맞춰 이미지를 분기대응해야 한다. 이미지를 1배, 2배, 3배로 이미지 제작 후 아래와 같이 코딩합니다. /* 1배 이미지 분기대응 */ .img_g {display:inline-block;overflow:hidden;background:url(http://m1.daumcdn.net/svc/image/U03/common_icon/527B1A970370F60001) no-repeat 0 0;text-indent:-9999px} /* 2배 이미지 분기대응 */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .img_g {background-image:url(..

해상도 Device Pixel Density 위 3개의 이미지 중 어떤 이미지가 가장 고퀄입니까? TV해상도를 비교한 그림입니다. 위 그림에서 어떤 TV가 가장 화질이 좋은가요? 픽셀이란? 디지털 이미지를 구성하는 가장 작은 단위 하나의 픽셀은 화면에서 표현할 수 있는 가장 작은 점 하나를 의미한다. 첫번째 맥킨토시 컴퓨터(Apple2)는 인치당 72개의 픽셀을 가지고 있었다. 구이(GUI)라고 불리는 Graphic User Interface 는 제록스에 의해 개발되었지만 스티븐 잡스가 맥킨토시 컴퓨터에 탑재하게 된 것입니다. 그 이후 마이크로 소프트사에서도 GUI 를 도입하면서 윈도우 운영체제를 만들게 된 것입니다. 픽셀 기반의 GUI 가 처음 나왔을 때는 사람들이 인식하기 쉬운 그림인 그래픽 아이콘 ..

++ 심플솔루션 소개! ++ - caostudio http://caostudio.co.kr/ - dnmmedia http://dnmmedia.kr/ - MNID http://mnid.co.kr/ - 대구경북과학기술원 뇌인지대학원 http://abc-neuro.org/ - 비주얼골프 http://visualgolf.co.kr/ - ifezine 소셜맵 http://ifezinemap.com/ - PINGO http://picngo.kr/ - 비마이카 http://bemycar.co.kr/ - 가온애드에이전시 https://gaon-adagency.com/ - 세닥스 http://www.sedax.co.kr/ - ARMOR KOREA http://armorkorea.com/ - 단열하는사람들 http://d..

$('.layer_open').click(function(){ var el = $(this); $('.layer_popup').show(); $('.dim').show(); el.attr('data-focus','on'); // 레이어 팝업이 닫힐 때를 위한 표시 - 웹접근성 /* modalPopup팝업 위치조정 */ window.setTimeout(function(){ var target = $("#layerPopup"); var win_height = $(window).height(); var pop_height = target.height(); var top_value = $(window).scrollTop() + (win_height - pop_height) /2; target.attr("tabi..

wowjs.uk/ wow.js — Reveal Animations When Scrolling wowjs.uk jackonthe.net/css3animateit/ CSS3 Animate It Examples - Animate Elements on Scroll Sequencing If you want to have a set of animations start one after the other then you can set a sequence time in ms using "data-sequence" then define the order with "data-id". It Works! This animation will start 500ms after This animation will start 500m..

1. 코딩 EDIT 프로그램 설치 컴퓨터에 설치되어 있는 메모장으로도 코딩이 가능하지만 작업하기가 어렵다. 해서 EDIT 프로그램을 사용하여 코딩한다 VS Code, Atom, Brackets 등 많은 프로그램이 있지만... 시험장에 설치되어 있는 프로그램을 설치해서 연습하는게 좋기 때문에 Brackets을 설치해 연습해보겠다. 아래 페이지로 가서 Brackets과 emmet을 설치하고 오세요~ https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A mo..