Loading...

NanumSquare 웹폰트 사용해보기

nanumsquare.css /* * Nanum Square Web Fonts * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) */@font-face { font-family: "NanumSquareLight"; src: url(/font/NanumSquareL.eot); src: url(/font/NanumSquareL.eot?#iefix) format('embedd..

폰트 사이즈 font sizes 에서 points, pixels, ems, percent 비교

웹개발하면서 폰트 사이즈에 대한 pt, px, em percent 등 사용하는데 정확하게 비교하는 게 없어서 봤더니 해당 아래 사이트에서 리스트로 잘 보여주네요.https://websemantics.uk/articles/font-size-conversion/PointPixelEmPercentKeywordDefault sans-serif6pt8px0.5em50%Sample7pt9px0.55em55%Sample7.5pt10px0.625em62.5%x-s..

2018.04.09 19:14

비동기 화면에서 뒤로가기 back 버튼 마우스를 클릭시 window.history.pushState 사용하기

보통 비동기 화면을 구현 하는 중에 , 뒤로가기 back 버튼 마우스를 클릭할 때가 있습니다.비동기 화면은 동적으로 랜더링 하므로 브라우저에서 url 주소값을 저장하지 않아 제일 첫페이지로 이동하게 됩니다.따라서 브라우저에 url 주소값을 직접 스크립트로 알려주는 방법이 있는데요.window.history.pushState() 함수를 사용해서 브라우저 히스토리를 조작할 수 있습니다.자세한 내용은 https://developer.mozilla..

2017.11.06 15:34

엑셀을 html 의 table 테이블 html 태그 제공 (https://codebeautify.org)

엑셀에 너무 많은 데이터가 있는데, 이걸 퍼블리싱 하기엔 너무 노가다? 인지라,,, 이를 한번에 처리해 주는 센스 있는 사이트가 있더군요.https://codebeautify.org/ 여기 사이트인데, 정말 많은 기능을 제공해주는 온라인 사이트 이더군요.그 중에 excel to html 을 선택합니다.나중에 즐겨사용한다면 즐겨찾기로 https://codebeautify.org/excel-to-html 하시면 됩니다.여기서 browser 를 선택하면 ..

javascript 로 로딩바 만들어 보기

javascript 로 로딩바 만들어 보기 <!DOCTYPE html> <html> <style> #myProgress { position: relative; width: 100%; height: 30px; background-color: #ddd; } #myBar { position: absolute; width: 1%; height: 100%..

html 5 환경에서 파일 사이즈 file size 알아내기

html 5 환경에서 파일 사이즈 file size 알아내기ie 는 10 이상부터 지원이 됩니다.https://developer.mozilla.org/ko/docs/Using_files_from_web_applications <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>File(s) size</title> ..

2017.06.07 13:28

구글 캘린더(구글 달력) 에 일정 추가 하는 방법

구글 캘린더(구글 달력) 에 일정 추가 하는 방법1) 템플릿 형태 : 한글은 전부 url encoding 을 하셔서 전송하셔야 합니다.    => 설명글의 엔터값은 "%0A" 로 변환하셔서 전송하면 됩니다.<a href="https://calendar.google.com/calendar/render?action=TEMPLATE&text={제목}&dates=YYYYMMDDTHHMMSS/YYYYMMDDTHHMM..

2015.08.21 09:13

res://ieframe.dll/forbidframing.htm 경로 왜 발생할까?

  외부에서 특정 사이트를 iframe 을 통해 화면을 보여줄려고 할때, 아래와 같은 htm 경로가 앞에 붙어서 보여주지 못하는 사이트가 존재합니다.   res://ieframe.dll/forbidframing.htm   이유는 접근할려고 하는 사이트에서 iframe 을 허용하지 않게끔 아래 처럼 security 부분에 x-frame-options 을 SAMEORIGIN 으로 지정하였기 때문입니다. 보통 clickjanc..

브라우저 자동화 완성 해제하기 autocomplate off

  자동화 완성을 차단할려면, autocomplate 를 off 로 지정하고, 패스워드 필드 바로 위에 input box 를 hidden 하는 dummy 코드를 하나 심으면 된다.     <form method="post" autocomplete="off" action="">    <ul class="field-set">    <li&..

SASS 개발 툴 및 설치

SASS 개발 툴 및 설치1. SSAS 파일을 CSS 로 변환하기sass filename.scss filename.css2. -style compressed 옵션 추가로 공백과 줄바꿈 문자 제거sass -style compressed filename.scss filename.cssSASS 직접 사용하기 보다는. 웹앱의 테마를 개발하고 컴파일을 할때 COMPASS 를 주소 사용한다.http://rubyinstaller.org/downloads/ Rub..

CSS3 Target Trick

http://www.palermo4.com/category/css.aspx   제목을 누르면 하단의 이미지를 보여주는 부분이다. 이는 간단하게 css 로 처리한다.

window.open 새창 차단 여부 확인

 var objPopup = window.open("http://www.naver.net/", "");     if (objPopup == null) {         alert("차단된 팝업창을 허용해 주십시오.");     }     else { &..

ie 8 호환성 (msdn)

http://msdn.microsoft.com/ko-kr/library/cc817570.aspx 참고: 이 문서는 임시 문서이며 변경될 수 있습니다. Windows Internet Explorer를 개발할 때 기본적으로 고려한 점 중 하나는 기존 웹과의 사이트 호환성과 새로운 기능 사이에서 균형을 잡는 일이었습니다. 그에 따라 Windows Internet Explorer 8에는 기존 환경에서 새로운 표준으로의 매끄러운 전환을 돕기..

Open API site

Open API site http://delighteye.egloos.com/5263333