-
WP Tip & Tech 2013‧01‧25
특정 기능을 메인 화면, 포스트 화면(single), 페이지(page)에 따라 다르게 처리하기
워드프레스를 하다보면 어느 페이지를 가건 상단의 네비나 오른쪽의 위젯이나 하단의 푸터나 다 똑같아 보여서 특정 서비스를 하는 페이지에서 그에 따른 기능을 다르게 보여주고 싶을 때가 있다. 특히 메인인 첫 페이지에서는 더욱이 조금더 메인의 특성을 갖춘 컨텐츠를 보여주고 나열해주고 싶기도 하다. 이 것을 인지하고 구분하여 지정된 행동하는 것은 조금 뒤에 하고 일단 각 화면을 구성하는 것들을 간단히 […]
-
Html, CSS 2013‧01‧21
css로 div 세로로 중앙 정렬시키기
자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 . #contentsWrap{ height: 400px; width: 100%; position: absolute; top:50%; margin-top: -200px; } #contents{ position: relative; margin: auto; background-color: #eee; width: 800px; height: 400px; […]
-
Inspiration, UI Design 2012‧11‧26
무료 UI kit 다운로드
UI를 디자인할 때 참고하기 위한 혹은 활용하기 위한 유용한 사이트 발견! ui에 관한 25가지 무료 psd 를 제공해주는데요. 참 세련된 것들도 많네요. 색감도 너무 좋구요. 자! 그러면 다운받으러 고고싱 다운로드 받으러 이동하기
-
Wish become to creative developer with new intelligent and experienceWish become to creative developer with new intelligent and experience
-
Javascript, jQuery 2012‧11‧08
jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다. 자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.) 제이쿼리는 플러그인 사용으로 간단하다. 일단 플러그인을 페이지내에 삽입해야한다. 해당 파일은 https://github.com/carhartl/jquery-cookie 이 곳에서 최신버전을 받아서 사용하거나 지금 필자가 쓰는 버전을 첨부파일로 넣을테니 다운받아 써도 상관없다. (다운받아 사용할 경우 차후에 새로 업데이트 된 버전이 아니라는 점은 염두해두길 바란다.) <head>와 </head>사이 아래 […]
-
Javascript, jQuery 2012‧11‧08
JS-setTimeout() , clearTimeout()
setTimeout() : 시간을 지정하고 지정된 시간에 함수를 실행하게 만든다. clearTimeout() : 위에서 실행한 그 함수를 취소할 때 사용한다. setTimeout() 사용법은 아래와 같다. timer = window.setTimeout(function(){ //실행할 코드 },3000); timer라고 지정한 이유는 clearTimeout() 을 할 때 대상을 찾기 위함이다. window.setTimeout 라고 써도 되고 setTimeout 써도 된다. (이유는 window 객체를 사용하는 메소드이기 때문이다.) 3000은 3초다. 1초면 1000으로 적어 넣으면 된다. […]
-
Html, CSS 2012‧10‧20
영문 텍스트의 경우 css로 대문자 혹은 소문자로 변환시켜 노출시키기
웹사이트를 만들다보면 특정 텍스트를 대문자로 노출시켜야할 때가 있거나 일괄 소문자로 표현해야할 때가 있다. 예를 들어 This is my portfolio site. 라는 글로 아래의 변환방법을 쓰면 1. 대문자로 바꾸는 방법 text-transform:uppercase 결과는 THIS IS MY PORTFOLIO SITE. 2. 소문자로 바꾸는 방법 text-transform:lowercase 결과는 this is my portfolio site. 3. 단어의 첫글자는 대문자로 나오게 할 […]
-
Javascript, jQuery 2012‧10‧18
jQuery-브라우저 창 사이즈 조절에 따른 이벤트 만들기
브라우저를 크기 조절에 의한 이벤트를 받아 명령을 내릴 때 주로 사용한다.기본 적으로 아래처럼 사용한다. 그런데 이렇게 사용하게 되면 브라우저를 조절하는 동안에 계속해서 작동하게 되어 오히려 브라우저 성능을 저하 시켜서 느려지게 된다.그래서 보통 실무에서는 아래처럼 사용했다. 이렇게 되면 사이즈를 조절이 끝난 0.5초 후에 작동되기에 마우스로 브라우저를 조절이 멈춘 0.5초 후에 작동되게 만든 것이다.
-
Javascript, jQuery 2012‧10‧18
jQuery-마우스가 브라우저 밖으로 나갔을 때 이벤트
마우스가 브라우저를 나가는 이벤트를 받아서 활용하는 두가지 방법이 있다. 하나는 (창이 전환되었을 경우, 혹은 마우스가 다른 창을 클릭하여 화면이 바뀐 경우), $(window).blur(function() { //코드 넣는 곳 }); 다른 방법은(순전히 화면에서 마우스가 나갔을 경우), $(document).bind("mouseleave", function(){ //코드 넣는 곳 }) 두 방법은 엄연히 다르다. 자세한 설명은 .bind() 와 .blur()에 대해서 jQuery 도움말을 보면 된다.
-
nis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅnis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅ