감성 퍼블리셔 html,css

jQuery는 그래픽 제작툴에서 제공하는것과 흡사한 도큐먼트의 변화를 표시하기 위한 다양한 애니메이션 효과를 위한 메소드가를 제공한다. 기본 이펙트 메소드 show() : 엘리먼트를 나타나게 한다. hide() : 엘리먼트를 사라지게 한다. toggle() : 엘리먼트가 사라졌다 나타나도록 하는 상태를 반복한다. slideDown() : 해당 엘리먼트의 앞에 원하는 내용을 추가한다. slideUp() : 엘리먼트의 높이가 서서히 0에 가깝게 줄어가며 사라진다. slide Toggle() : 해당 엘리먼트의 상태에 따라, 위로 사라지게 하거나 내려서 등장시킨다. fadeIn() : 엘리먼트의 불투명도를 점점 높여서 엘리먼트가 보이도록 한다. fadeOut() : 불투명도를 점점 감소하면서 해당 엘리먼트를 ..

어티리뷰트(Attribute:속성)는 요소에 부가적인 정보를 첨가하고자 할 때 사용하는 것이다. 기본 어트리뷰를 다루기 위한 메소드 attr() : 엘리먼트의 어트리뷰 값을 가져오고, 설정 removeAttr() : 엘리먼트의 어트리뷰 값을 제거 클래스 어트리뷰를 다루기 위한 메소드 addClass() : 엘리먼트의 클래스명으로 스타일을 입힌다. removeClass() : 엘리먼트에 클래스명으로 스타일을 제거한다. toggleClass() : 엘리먼트에 해당 클래스가 있으면 제거하고, 없으면 추가한다. hasClass() : 엘리먼트에 클래스 존재여부를 확인한다, DOM 대체를 위한 메소드 html() : 엘리먼트의 태그 내부의 HTML 콘텐츠를 얻어온다. html(Content) : 엘리먼트의 태그 ..

웹표준이 기본틀이 되면서 홈페이지 만들시 꼭 넣어줘야 할 skip_nav css를 모두 제거 한 후 보면 맨 위에 위치하게 되는 버튼, 웹표준으로 바뀌면서 시각장애인들이 음성변환기로 웹페이지를 접하게 되면서 음성변환기가 위에서 부터 차례대로 읽어준다. 이부분에서 많은양을 순차적으로 이동하기 때문에, 기본적인 점프개념으로 이동시키기 위한 역할. 일반적으로는 상단메뉴인(gnb)와 내용(container)쪽으로 2개를 잡아주며, 웹사이트 성격에 따라 주요 컨텐츠에 쪽에 1개를 더 잡아는주는 경우가 있다. 이 skip navi는 코딩에 스타일로 감춰져 있는 방법과, 탭키를 눌렀을시 관련내용의 네비바가 생성되는 방법으로 나누어져 있다. (*하단 이미지참조) skip_navi 관련 태그 ===============..

border 외곽선이 아닌, 내부에 적용되는 방법, box-sizing:border-box 가끔 가로값에 맞춰 작업을 하다보면은 border의 픽셀 단위때문에 어긋나는 경우가 종종있죠.. 외곽선으로 먹히지 않고,내부에 적용할 수 없을까...? 라는 고충을 많이 느꼈을 것이라고 봅니다. 이번에 보여드릴 css는 이런 문제점을 해결하기 위하여 완성된 태그입니다!!똑같은 border 값에도 외곽이 아닌 내부로 먹히게끔 하는 것!!! 참고로 영역 외곽이 아닌 내부에 라인이 들어가는 이 css는 ie는 8버전부터 지원한다고 합니다.이점 숙지하시고, 활용하심이 좋을듯 싶습니다. 모바일이 가변형이다 보니, 외곽선 값을 안먹히게 하여 레이아웃을 잡는데 참으로 효율적인 태그이기도 하지요!! 우선 예로 .box { wid..

meta 태그에는 name, content, http-equiv 3가지 속성이 있다. //홈페이지 주제 //제목 //키워드 //요약설명 //제작자 //제작사 //웹책임자 //카테고리위치,분류 //제작도구 //메일주소 //메일주소 //파일이름 //제작일 //제작일 //위치 //배포자 //저작권 //이 문서도 긁어가고 링크된 문서도 긁어감 //이 문서는 긁어가지 말고 링크된 문서만 긁어감 //이 문서는 긁어가고 링크는 무시함 //이 문서도 긁지 않고 링크도 무시함 //웹문서 언어 설정 //그림위에 마우스 오버시 이미지 관련 툴바 숨김 //60초 마다 새로고침

[javascript] iframe resize jquery 아이 프레임 리사이징 소스 안녕하세요. 요즘 반응형이 이슈가 됨에 따라 가변형식으로 웹을 구현하곤 합니다. 하지만, 아이프레임을 리사이징 하는것에 대해서는 조금 난감할 때가 있지요. 딱 원하는 소스는 아니지만,, 그래도 그나마 효율적이라고 생각되어 글을 올리게 되었습니다, 저도 힘겹게 찾은 데이터라.. 일반 리사이징하면 가로*세로 비율이 유지되면서 리사이징이되는것을 생각하지만,, 이 소스는 아무래도 기준점이 가로폭이 되는듯 합니다. 제가 적용해본바로는 말이죠.. 그래도 저처럼, 똑같은 고민때문에 고생하시는 분을 위해 소스를 남깁니다. 하단에 스크립트 넣어주시고, 해당 아이프레임에 아이디값 embeded-content을 줍니다. 높이를 제시해야...

[jQuery] Accordion Gallery 아코디언 제이쿼리 모음 zAccordion zAccordion is an easily customizable horizontal jQuery slider with bouncing animation effect that does the job of giving you a nice image display slider. MORE INFO | DEMO – by Nate Armagost (Free Plugin/Tutorial) Classic Accordion Classic Accordion is a jQuery plugin that allows you to easily create accordion panels. You have the option to use X..

DTD(Document Type Definition)란 무엇인가? 버전 : 년도HTML : 1991HTML+ : 1993HTML 2.0 : 1995HTML 3.2 : 1997HTML 4.01 : 1999XHTML : 2000HTML5 : 2012 DTD(Document Type Definition)란 HTML 문서의 첫 줄에 ''로 시작하는 문법을 이야기 하며작성된 내용이 HTML 표준에 의거하여 작성되었음을 웹 브라우저에게 알려주는 것선언을 하지 않아도 대부분의 웹 브라우저는 알아서 태그를 해석하여 보여줌특별히 웹 브라우저가 자체적인 계산에 의한 것이 아니라, W3C에서 제공한 HTML 표준에 따라 보여주도록 권고하기 위함HTML4는 다음과 같이 세가지 DTD를 지원 Strict DTD(엄격모드)엄격한..