웹솔루션개발 25년 노하우! 해피CGI의 모든것

특수 문자를 HTML에 쉽게 넣을 수 있는 참조표를 보여주는 사이트입니다.html 파일에 사용하고 싶은 특수 문자를 '문자 실제 참조' 코드 또는 '수치 문자 참조' 코드를 사용하여입력하면 아래 이미지처럼 해당 특수 문자가 나타나게 됩니다.또한 폰트관련된 css 코드를 입력해주시면 크기, 굵기 등 쉽게 수정할 수 있습니다. 아래의 링크로 접속하시면 다양한 문자를 볼 수 있습니다.https://wepplication.github.io/tools/htmlCodes/

원본 부분에 HTML, CSS, JS 코딩한 부분을 입력해줍니다.입력 후 변환 버튼을 클릭해줍니다.변환 버튼을 클릭하면 압축한 코드들이 나옵니다.압축된 코드를 복사하여 교체해주시면 되겠습니다.CSS, JS 도 동일한 방법으로 코드를 압축할 수 있습니다.[CSS][JS]html, js, css 코드를 압축된 코드로 변환하면 웹페이지의 로딩 거리를 줄이고, 서버의 부하를 감소시키며, 웹사이트의 전체적인 효율성을 높일 수 있습니다.

pause 버튼 클릭시 동영상 멈춤 paused 버튼 클릭시 동영상 재생 동영상 멈춤/재생이 페이드 아웃 효과 첨부파일 다운로드 또는 해당 사이트 자세한 소스 확인이 가능합니다.

햄버거 메뉴 클릭시 아이콘이 병경됩니다. 햄버거 메뉴 클릭시 전체메뉴 영역이 에니메이션 효과와 함께 오픈됩니다. 자세한 소스확인은 첨부파일 다운로드 또는 해당 사이트에서 확인이 가능합니다.

세로 스크롤 형태의 테이블입니다. 상단의 타이틀이 고정된채로 내용을 보여주는 형식입니다. 데모 사이트로 이동하신 후 하단의 export버튼을 눌러 자료를 다운 받으실 수 있습니다.^^

Data-Driven Documents D3.js는 데이터 기반으로 문서수정을 하기 위한 Javascript 라이브러리입니다. D3.js는 HTML, SVG, CSS를 사용해서 데이터에 활기를 부어줄수있습니다. 웹 표준상에서 D3의 주안점은 개발자가 강력한 비주얼라이제이션 컴포넌트들을 결합한 자체 프로임워크로 작업하지 않아도 최신 브라우저의 호환성을 보장하는 것입니다. 그리고 DOM 수정에 대해서 데이터 관점에서 접근합니다. D3.js 파일 다운로드 파일을 다운로드 하지않아도 링크를 통해 바로 사용이 가능합니다. [script src="http://d3js.org/d3.v3.min.js"]][/script D3는 소위 '모던 브라우저'를 지원합니다. 이 말은 일반적으로 IE8 이전 버전을 제외한 브라우저..

기본적으로 알아두면 좋은 html 소스와 설명 부터 CSS 와 자바스크립트까지!! 쉽게 생각하실수 있겠지만 꼭 필요한 부분을 잘 정리해둔 사이트입니다. 들어가셔서 유용한 정보 많이 습득하시길 바랍니다^^

html 코드를 작성하다 보면 한번씩 부호들이 코드로 변환되어 있는것을 확인 해보셧을꺼예요 ㅎㅎ 이런 부호들도 모두 코드가 있다고 생각하면 다른 부호들은 코드로는 어떻게 표현될까 궁금하셧던적이 있으리라 생각합니다. http://htmlarrows.com/ 사이트로 가보시면 각 부호/기호 등 모두가 unicode, hexcode 등 코드로 표현되어 있으니. 찾고 계신분들도 있으리라 생각되어 글을 올리네요 ^^ 도움되시길 바랍니다~

HTML 태그를 쉽게 넣을 수 있는 플러그인 입니다. HTML 까지만 쳐도 는 자동으로 완성 되어 편리합니다. html 소스 수정이 많은 이에게 좋은 플러그인 같으며, 유료 플러그인 으로 19$ 로 구매 가능합니다. 대부분 좋은 무료 플러그인도 많지만 대부분 유료 플러그인이 퀄리티 면에서 좋은것 같습니다. 사용해 보시길 추천합니다.

html5 기초부터 배울수 있는 사이트입니다. 초보자분들에게는 이만한 사이트도 없을것입니다. 비롯 영어로 되어있지만 좋은 정보 많이 가져가시기 바랍니다^^