ART of WEB ART of WEB

오늘 소개해주고 싶은 js 플러그인은 커스텀 스크롤바를 만들어 주는 'mCustomScrollbar' 이라는 플러그인입니다. 먼저 알려드리자면 제 블로그의 히든영역에 적용되어 있는 스크롤바 입니다. 딱 보셔도 일반 스크롤바와는 많이 틀리시다는 것을 알 수 있습니다. 이 스크롤바는 브라우져가 기본적으로 제공해주는 것을 사용하지 않습니다. js를 뜯어서 대충 둘러보셔도 작동원리에 대한 감은 오는데, 일단 이 커스텀 스크롤바의 작동원리는 이렇습니다. 스크롤바가 생성되는 div의 높이 값을 계산해서 top 의 위치를 조절해 줌으로써 마치 스크롤바와 같은 효과를 얻습니다. 'mCustomScrollbar' 플러그인은 스크립트로 짜여져 있는 커스텀 스크롤바이기 때문에 여러가지 장점이 존재합니다. 일단은 버튼으로 스..

먼저 저도 초보임을 알려드립니다... ㅋㅋ 뭐 스케이트보드 초급기술 같은걸 한번에 모아둔 포스팅이 있으면 좋을꺼 같아 적어봅니다. 1. 푸시오프 (push off) 스케이드보드를 탄 상태에서 한쪽 발로 땅을 밀며 동력을 얻는 기술입니다. 일단은 푸시오프가 되어야 스케이트보드를 탈 수 있는데. 이게 쉽냐고요...- -;; 이거 쉽지 않습니다. 일단 처음 타면 그냥 타서 균형잡기도 허벅지가 후덜덜하거든요. 나름대로의 팁이 있다면 속력을 너무 올리지 말고, 느린 속도로 몸의 균형을 잡아가며 발을 미는게 더 좋은 듯합니다. 2. 틱택 (tic tac) 스케이트보드가 멈춰있는 상황에서 스케이트보드를 휘져으며 동력을 얻는 방법입니다. 저는 일단 시작하면....... 뒤로갑니다...제엔장 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ..

제 블로그에 어느 분이 문의를 하셔서 포스팅으로 답변합니다. (궁금한거 있으면 질문하세요. ㅇㅇ) 다른 글들을 찾아보니 다들 너무 어렵게 작성하셨거나 설명이 충분치 못한거 같아서....... 저는 쉽게 설명하고 만들어 볼렵니다. 세상 사는것도 쉽지 않은데 코딩도 힘들면 쫘증 -_ -a 무튼 이번 팁은 카테고리 리스트를 드롭다운 리스트로 만드는 법입니다. 네, 제 스킨에 현재 적용 되어 있는 부분이죠. HTML태그의 기본적인 것부터 설명할려고 합니다. 사실 이런 것도 만드는 것은 크게 중요하지 않습니다. 더 중요한 것은 기본기(HTML의 사용 방법)이니까요. 더 궁금한 점이 있으면 댓글 달아주세요. ^-^ 현재 티스토리 치환자에서 카테고리 노출 방법을 지정하는 방법은 2가지가 있습니다. [ ##_categ..

제 새로운 취미활동인 스케이트 보드를 위해 가방을 하나 구입했습니다. 구입해야지 해야지 하는 생각은 있었는데 저번에 동호회에 모 형님(블로그 여기)께서 메고온 가방이 너무 탐나서 그만..... -_-;; 가격이 조금 나가긴 하지만 정말 예쁘답니다. ㅋㅋ 일단 첫 느낌은 매우 두툼하다, 그리고 길이가 살짝 작은거 같은데 보드가 들어가나하는 생각, 그리고 데크에 붙이는 테입이 사포같은 느낌이라... -_- 가방이 닳는건 아닌지 살짝 걱정이 되었습니다. 이 가방의 가장 큰 장점은 보드와 함께 물건을 소지 할 수 있다는 장점입니다. 제가 구매한 가장 큰 이유기도 하지요. +_+ 생각보다 백팩 내부가 잘 구성되어 있어서 왠만한 용품들은 다 담을 수 있을..

요즘 삶이 너무 단조롭기도 하고, 게다가 일도 프로그래머... 손가락만 까딱까딱 하면 되는 일이라 그런지 몸을 쓸 일이 없더군요. 운동을 안하니까 몸이 축축 처지고, 기분도 다운. 요새 친구들이 항상 무슨일이 있냐고 물어봅니다.. 사실 아무 일도 없는데...-_ -;; 그리하여 뭔가 엑티비티한 취미생활로 자전거를 고려하고 있었는데, 원룸이라는 취약점에 자전거를 들어놓을 수 없더군요. -ㅅ-;; 한참 뭐를 취미 생활로 가져 볼까하다가 어제 공원에 놀러갔는데 스케이트 보드를 딱 보는 순간 아 저거다 싶었습니다. 집에 차지하는 부피도 작겠다, 마음도 먹었겠다, 바로 구매 궈궈싱. 구매는 서울 오프라인 매장에서 했구요. 남자라 그런지 질문 외에 별다른 설명은 안해주시더군요.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 하아.. 남자도 신..

구글링을 하던 도중에, 꽤 괜찮은 플로그인을 발견했다. 바로 안의 글 내용이 넘치게 될때에 적절히 잘라내주는 플러그인이다. 이름은 jQuery.dotdotdot. 이걸 사용하면 div안에 내용이 넘치게 되면 어쩌나 하는 불안감을 떨쳐낼 수 있을 듯하다. 거두절미하고 이미지를 봐보자. 그림만 보면 어렵게 설명하지 않아도 이 플러그 인이 무었을 하는 녀석인지는 감이 왔을 것이다. 아래 이미지를 보면 긴 파일명일 경우 가운데 부분을 dot 처리하고 확장자명을 붙여서 보여주는 나름 놀라운(?) 기능도 탑재 되어 있음을 알 수 있다. 아래 사이트로 가면 제이쿼리로 짜여진 플러그인을 다운 받을 수 있다. 유용하게 쓰시길! ^^http://dotdotdot.frebsite.nl/

Map에 들어 있는 데이터를 출력하는 일은 어려운 일이 아니다. 가끔 키값을 어떻게 뽑아와야할지 생각할때가 있는데 그럴 필요 없이 iterator의 hasNext 메소드와 next 메소드를 써줌으로써 끝낼 수 있다. 아래를 참고하자. Set keySet = tileMap.keySet(); Iterator iterator = keySet.iterator(); while (iterator.hasNext()) { String key = iterator.next(); Object value = tileMap.get(key); System.out.printf("key : %s , value : %s %n", key, value); }

네. 안녕하세요! 엑수시아입니다. 오늘은 전에 제 블로그에 "매지구름" 님께서 물어보신 페이지 이동시 로딩바에 관해 설명하려고 합니다. 한마디로 말하자면 약간의 트릭이 들어간 꼼수...... 라고 생각하시면 됩니다. 설명하기에 앞서 "티스토리 블로그 스킨 2개 적용하기."라는 포스팅에서 사용했던 이미지를 하나 가져와야겠군요. (다시 사용하게 될 줄이야...으허허) 위의 그림을 잠시 생각해봅시다. 우리가 구현하고자 하는 로딩바는 1번 시점 부터 4번시점의 사이에 들어가게 됩니다. 즉 서버 호출이 끝나고 HTML 막 호출 되기 시작할 때부터 로드(모든 문서와 DOM 트리가 완성되는 시점 즉, 4번 지점) 할 때까지의 사이를 말합니다. 그럼 본격적으로 로딩바를 달아보도록 하죠. 1단계이미지를 하나 준비합니다...