nain, Author at 개발자 남인식 Lab.

Javascript, jQuery 2012‧10‧15

jQuery-div 높이를 창의 100%로 조절할 때 (창 사이즈 유동 적응)

div로 코딩할때 가끔 필요한 것이 height 100%가 안된다는 점이다. 제이쿼리와 자바스크립트를 이용해서 간단히 만들어 본다. function funLoad(){ var Cheight = $(window).height(); $('#container').css({'height':Cheight+'px'}); } window.onload = funLoad; window.onresize = funLoad; 윈도우가 로딩된 후 funLoad를 실행하였고, 창을 조절하면 다시 funLoad를 실행한다. funLoad는 container라는 id를 가진 div의 height값을 조절하라고 명령한다.
Javascript, jQuery 2012‧10‧15

jQuery-마우스 이벤트시 부모 div의 id 값 가져오기

마우스 오버의 경우를 예로 든다. $Btn.mouseover(function(){ console.log($(this).closest('div').attr('id')); } $ Btn에 마우스를 올리면 그 상위 div 중에 id 값을 얻을 수 있다.
WP Tip & Tech 2012‧10‧13

사용자 페이지에서 상단의 어드민바 노출 안하기

상단의 어드민바가 불편할 때가 있다. 이럴 경우 테마 폴더의 해당 테마를 구성하는 파일에서 functions.php 안에 아래 코드를 추가한다. add_filter('show_admin_bar', '__return_false'); 혹은 아래의 코드를 넣어도 된다. show_admin_bar(false);
App Design, Inspiration, UI Design 2012‧10‧11

앱 디자인 영감을 얻기 위한 아이폰 앱들의 화면 캡쳐

네이버앱 : 아이콘 디자인(테두리 역할) 과 검색어 리스트화 시킨 UI 참고 KB 국민은행 : 하단의 단조로운 아이콘, 본문의 어플 아이콘 모양의 UI와 해당 디자인 참고 네이버카페앱 : 상단의 탭 디자인, 하단의 아이콘 디자인 UI 참고 다음앱 (이벤트창) : 해상도에 적합하게 컨텐츠 배열, 배경과 버튼 디자인 참고 […]
Html, CSS 2012‧09‧27

ul과 ol에 있는 li태그에서 들여쓰기 및 앞표시 없애기

보통 <li>는 들여쓰기가 되어 공백이 생기고, 앞에 숫자 혹은 ·(점)표시가 나는데 이것을 삭제하고 들여쓰기도 안하는 스타일 시트 ol, ul { list-style: none; margin:0px; padding:0px; }
Inspiration, UI Design, UX Design 2012‧09‧12

UX가 뛰어난 UI 디자인 샘플들

http://www.awwwards.com/creative-ui-design-examples-for-great-ux.html
Inspiration, UI Design 2012‧09‧10

30 Free UI Kits

http://www.awwwards.com/30-free-ui-kits.html 30개의 무료 UI 디자인을 다운받을 수 있다. 디자인을 할때 참고하면 좋을 것 같은 유용한 UI
WP Tip & Tech 2012‧09‧05

상단의 어드민바에서 로그아웃 링크 오류

간혹 어드민바의 로그아웃 버튼을 이용해서 로그아웃을 할 경우 잘못된 페이지로 이동되는 경우가 있다. 이유는 버전별 버그에 의한 것도 있고, 고유 주소를 활용하다 보니 충돌되어 제대로 이루어 지지 않는 경우에서 발생하는 것 같다. 일단 해결 방법은 /워드프레스 설치폴더/wp-includes/ 안의 admin-bar.php를 열어보자. 약 195번째 줄 정도에 아래 코드가 있다. $wp_admin_bar->add_menu( array( 'parent' => 'user-actions', 'id' => […]
Html, CSS, Javascript, jQuery 2012‧08‧19

접속 동시 페이지 이동 태그

1. 메타태그 <head>와 </head> 사이에 넣는다. content 에 설정된 숫자는 이동되려는 숫자이므로 0초후면 페이지가 보이자마자 0초후에 이동한다는 뜻으로 설정된 값이다. <META HTTP-EQUIV='Refresh' CONTENT='0;URL=http://myhomeurl.com'> 2. 자바스크립트의 replace를 이용해서 이동이 가능하다. <script>location.replace("http://myhomeurl.com");</script> 3. 자바스크립트의 href를 이용해서 이동이 가능하다. <script>location.href='http://myhomeurl.com';</script> 4. php를 사용하는 페이지라면 php를 이용하여 이동이 가능하다. <? header ("Location: http://url.com"); ?>
Inspiration 2012‧07‧23

아이콘 디자인 inspiration 사이트

1. 24 Fresh New Icon Sets Released in 2012 http://spyrestudios.com/24-fresh-new-icon-sets-released-in-2012/

1 … 30 31 32 33 34 35 36 37 38 39 40 … 44

jQuery-div 높이를 창의 100%로 조절할 때 (창 사이즈 유동 적응)

jQuery-마우스 이벤트시 부모 div의 id 값 가져오기

사용자 페이지에서 상단의 어드민바 노출 안하기

앱 디자인 영감을 얻기 위한 아이폰 앱들의 화면 캡쳐

ul과 ol에 있는 li태그에서 들여쓰기 및 앞표시 없애기

UX가 뛰어난 UI 디자인 샘플들

30 Free UI Kits

상단의 어드민바에서 로그아웃 링크 오류

접속 동시 페이지 이동 태그

아이콘 디자인 inspiration 사이트

popular

comment