자바스크립트 추천 강좌 및 사이트 Javascript : 함수 (function) 다시보기 자바스크립트 강좌, 매개변수와 리턴값 AJAX 사용시 웹접근성 고려 jQuery 플러그인 개발 Clearboth 자바스크립트 강좌 제이드 기본문법 정리 제이드 실시간 변환 사이트

HTML강좌_폰트 페이스 사용법(@font-face) 웹글꼴 적용법 @font-face는 웹에서 브라우저간의 호환성과 가독성을높이기 위해 css2의 속성 중 하나입니다. 웹폰트 호환성 Check IEChrome Firefox Opera Safari WOFF 9.0 부터 지원 6.0 3.5 11.10 5.1 EOT IE6~IE9 지원 미지원 미지원미지원 미지원 @폰트 페이스 사용 예시 설명 1. font-family 안에 글꼴 이름 하나만 넣습니다.2. local, url 로 폰트의 경로를 찾습니다.3. format("폰트포맷")은 글꼴 형식을 선택합니다.4. IE6~IE8의 경우 format() 구문을 인식못함그래서, eot파일 뒤에 ?iefix를 추가5. 폰트변환기를 이용해 만들어진 폰트를 폴더 혹은 서버에 업로드

웹표준_이미지 대체텍스트(IR 기법) IR(Image Replace) 기법은 이미지 대채텍스트 제공을 위한 CSS 기법이다 (Web Standards Darum) 1. Phark Method배경이미지를 설정하 뒤 text-indent를 사용해서 화면밖으로 보냄 2. WA IR글자를 span 태그로 감싼 후 z-index:-1를 이용 (포지션 추가) 3. FIR 기법display:none을 적용해서 텍스트를 없에는 방법임. 하지만 스크린리더 프로그램에서 읽을수가 없기 때문에웹 접근성에 어긋나서 코드설명을 생략하도록 하겠습니다. 4. -9999px 보완한 CSS실제로 -9999px를 사용하면 캔버스가 넓어진다. 그래서 이를 업그레이드한 IR이 있습니다.(http://leroro.net/blog/115)

HTML 웹표준 강좌_ 모바일 웹 가입형식 폼 제작 오늘은 모바일 폼 작성시 유의사항을 알아보도록 하겠습니다.하이브리드앱(모바일 웹 + 네이팁브 엡)이 아닌 이상요즘은 반응형 혹은,처음부터 모바일 화면에 최적화 되어있는모바일 웹이 있습니다. 현대인들의 스마트폰 사용량이 PC를 추월하면서모바일은 선택이 아닌 필수 입니다! 위 그림은 한국에서 사용하는 일반적인 모바일 폼 형식입니다. 우선 모바일과 데스크탑의 일반적인 레이아웃을 살펴보도록 하겠습니다. 좌측에 보이는 것이 전형적인 모바일 레이아웃입니다.Header 부분은 타이틀 아이콘, 단계이동 버튼이 주로 들어가며Content 부분에는 정보를 입력할 수 있는 input, label, 그리.......

HTML 강좌_div 공간 이해하기 _포지션(Position:absolute) HTML에서 박스는 매우 중요합니다.그리고 이 박스를 일반적으로 태그를 이용해서 만듭니다. 박스모델에 대한 간략한 소개는 이전 블로그를 참고해주세요! 오늘은 박스안에서 위치를 잡는데 필요한포지션(Position), absolute에 대해 알아 보도록 하겠습니다.매우 중요하니 잘 보세요! 우선, 훌륭한 웹퍼블리셔는 '공간'을 정확하게 확보하는데 있습니다.바로 박스가 HTML 문서 안에서 차지하는영역을 말합니다. 간단한 이미지를 통해설명을 하겠습니다. 저는 파란색 div 안에 빨강, 노랑 2개의 div를 만들어봤습니다.(파란색 부모 div에는 padding을 약간 주었습니다)안에 위.......

HTML 체크박스 라디오버튼 전체선택 만들기 안녕하세요! 오늘은 체크박스와 라디오 버튼을 이용한전체선택 코딩에 대해서 알아보려고 합니다. 웹사이트에서 회원가입시 수 많은 약관동의 페이지가 있습니다.많은 버튼이 있지만 "모든 약관에 동의하기" 버튼만 체크하면모든것에 동의하기가 되는데요아주 편리한 기능입니다 아주 간단한 CSS로 구현하는 방법을 알려드리겠습니다.물론, 이것을 구현하는 방법에는수 많은 방법이 있으며무엇이 가장 좋은지는 상황에 따라 다를거라고 생각합니다. 다음은 코딩으로 만들어볼 예시 입니다.5개의 체크박스 리스트가 있으며 맨 위에 있는 Check ALL 클릭시아래있는 체크박스 4개 모두가 체크표시가 나옵.......

GRE 시험 독학하기_리딩 독해앞으로 짧게는 몇 달, 길게는 1년 간제 일상이 될것 같아 이렇게 GRE포스팅을 시작합니다.리딩 교제가 필요하신 분은 댓글 남겨 주세요이번 포스팅에서 제가 중점을 둔 파트는 리딩입니다.그 중에서도 가장 어렵다는 독해 부분입니다.포스팅은 제가 독해를 한 부분의 내용정리와문제유형에 대해 설명하겠습니다.No. 2-1 SECTION A아주 짧은 문장으로 처음에 나오는 숙어의 의미를 잘 파악하면 쉽게 독해가 가능하다. 첫 문장에 나오는 take precedence over analysis of~의 표현을 알아두자.문제유형17. 작가의 주장에 대한 근거18. 작가가 글을 쓴 목적19. 작가의 주장에 대한 근거20. 글의 전개방식No. 2-1SECTION .......

디지털 광고 마케팅_SNS 소셜네트워크와 첨단 디지털 기기 활용 최근들어 디지털 광고하면 스마트폰을 연동한소비자와의 인터렉티브를 강조한 방법들이 유행입니다. 특히, 스마트폰 앱과 소셜네트워크인페이스북, 트위터, 카카오톡을 통한다양한 마케팅 방법이 있는데요오늘은 그 중에서도 참신하면서도 의미있는디지털 광고 성공 사례에 대해 소개하고자 합니다. 1. 삼성 s 드라이브 삼성 S 드라이브는 젊은 운전자들이스마트폰으로 인한 사고를 줄이기 위해스마트 폰을 통해 안전운전을 할 경우포인트가 쌓이는 게임형태의 앱입니다. 그리고 쌓인 포인트를 이용해서쇼핑, 음식, 주유를 할 수 있습니다. 2. 삼성 기어 & 아우디 삼성은 겔럭.......