머리가 나뻐서 삽질 SAP(Study And Programming)

웹폰트 - 나눔고딕 웹폰트로 "나눔고딕, 나눔고딕 볼드, 나눔 고딕 엑스트라 볼드" 를 항상 사용하기 때문에 common.css 같은 파일에 항상 정의해서 쓰지만 폰트 적용 부분만 필요한 경우가 있기 때문에 부분적으로 포스팅 소스코드 (css + 폰트 포함) 다운로드 @charset "utf-8"; /* * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess * @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); * @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ @font-face { f..

accordion menu css3 + jquery source : http://designmodo.com/ 예제보기 (실행가능) 소스코드 html + jquery My Files495 01Dropbox42 02Skydrive87 03FTP Server366 04Dropbox1 05Skydrive10 Mail26 01Hotmail9 02Yahoo14 Cloud58 01Connect12 02Profiles19 03Options27 04Connect12 05Profiles19 06Options27 Sign Out 01Log Out 02Delete Account 03Freeze Account By Valeriu Timbuc for DesignModo. css3 /* ************************..

신발끈 안풀리게 묶기 외국사이트에서 신발끈 안풀리게 묶는법에 대해 나와있다. 안풀리는 효과 이외에도 끝이 조금 길때에도 유용하다. 원리를 살펴보니 평범하게 묶는 단계에서 한 동작만 추가되었다. 묶는 방법은 아래와 같다.

PHP simple captcha PHP용 심플 captcha https://github.com/claviska/simple-php-captcha thx to Cory LaViska. 사용법소개 데모 소스 위의 라이브러리를 가지고 직접 데모를 만들어 보았다.

PHP 에서 사용할 CSRF 방지용 토큰 스크립트 처리 적용 이유 : 보안 때문에. 로직 : 하단 그림 참조. 매번 새로운 토큰값을 세션과 폼에 hidden으로 부여하고 submit되면 session과 post_token을 비교하여 CSRF를 방지한다. 토큰 처리 스크립트

룰렛게임 자바스크립트 (with. 제이쿼리, jqueryrotate library) ※ 경고. 연구용도를 제외한 소스와 결과물의 '상업적 이용'을 절대 금합니다. 수정 : 2015.06.18 룰렛 회전을 구현하기 위해서는 ccs3의 속성을 이용하면 되지만, 브라우저의 가장 큰 문제는 호환성이기에, jqueryrotate plugin 을 이용하여 구현해보는 방법을 알아보자. 이 라이브러리의 소개는 다음과 같다. https://code.google.com/p/jqueryrotate/ http://beneposto.pl/jqueryrotate/ This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects..

DIV의 수평정렬 div안에 포함되어 있는 텍스트를 수평중앙정렬 하기 위해서는 text-align: center; 스타일을 지정해 준다. div안에 포함되어 있는 display가 block인 요소들을 수평중앙정렬 하기 위해서는 다음과 같이 margin좌우에 auto로 지정해 준다. margin:0 auto 0; margin:0 auto; margin-left:auto; margin-right:auto; DIV의 세로 정렬 Table 엘리먼트에서 vertical-align: middle; 로 수직중앙정렬 했지만 div에서는 적용 되지 않는다. 우리는 div의 display를 직접 table속성으로 확장,변경해 주고 수직으로 정렬하는 방법을 알아보겠다. 가로 세로 센터 DIV나 TABLE 등 고전적인 방법(..

CSS를 사용하여 재미있는 텍스트 효과를 추가하는 방법 Internet Explorer 10에서는 text-shadow CSS(CSS 스타일시트) 속성을 사용하여 하드웨어 가속 텍스트 그림자를 지원합니다.text-shadow 속성에 대한 지원은 웹 개발자가 가장 많이 요청하는 기능 중 하나였습니다. 이 속성을 사용하면 인라인 텍스트 이미지를 사용하지 않고도 이전에 어렵거나 불가능했던 텍스트 효과를 구현할 수 있습니다. CSS 텍스트 그림자는 W3C(World Wide Web 컨소시엄)의 CSS 텍스트 수준 3 사양의 10.3절에 정의되어 있습니다. Internet Explorer 10의 웹 페이지 이외에도 JavaScript를 사용하는 Windows 스토어 앱도 또한 text-shadow 속성을 지원합니..

HTML Table을 엑셀로 저장하기 : Export to excel sheet on client side 1. 엘리먼트의 download 속성을 이용하여 저장하기. 2. 엘리먼트의 download속성과 URL에 data타입을 사용하기, 엑셀 파일 이름 지정하기. 3. jquery.battatech.excelexport 라이브러리를 사용하기. 4. jquery.battatech.excelexport 라이브러리를 사용하여 파일이름 지정하기. 5. jquery.battatech.excelexport 라이브러리를 사용하여 파일이름 지정하기2. 1. 엘리먼트의 download 속성을 이용하여 저장하기. [ code ] No Title Type Author URL 1 SAP : Study And Programmi..

플래시와 Javascript를 통신하는 통신 클래스 & 함수가 크롬에서는 안된다. AS3.0의 ExternalInterface 클래스와 AS2.0의 getURL(), setVariables() 함수는 IE, FireFox, Opera, Safari 브라우저에서 Local 로 동작 가능함을 직접 확인하였다. 그런데 문제는 유독 Chrome에서 정의되지 않은 함수 (undefined function) 라며 에러를 낸다. 이런경우 대게 소스상의 문제는 아니고 브라우저 설정이나 속성의 문제다. 해결 방법 검색해 보니 다른 분들도 이런 경험이 적잖이 있었던것 같은데 본인은 이 방법으로 해결 하였기 때문에 그 해결 방법 중 하나가 되기를 바란다. 1. 서버에서 구동 (다소 번거로움) APM이나 IIS에 올려놓고 테..