This website is a clone of OTD.KR - it only exists to maintain the historical information that OTD once housed, and to act as a monument to this incredible, passionate community. Nothing presented here is the original work of kbdarchive.org

❤️ 길을 열어주셔서 감사합니다 ❤️


  • Community(커뮤니티)
  • Otd Info(소식&정보)
  • Forum(포럼)
  • Tip & Tech(팁&테크)
  • Diary(다이어리)

Freeboard 자유게시판

자유롭게 글을 남기는 공간입니다.
이미지 파일은 Album 게시판을, 자료는 PDS 게시판을 이용해주시면 감사하겠습니다.
 
작성일 : 12-01-09 15:28
개인 사이트...테스트 및 디버그좀 부탁드립니다..
http://l.otd.kr/VDPFB3I5
 글쓴이 : 이다에요
조회 : 456  

안녕하세요.

이다에요입니다.


다름이 아니고 이번 제 개인사이트 리뉴얼을 좀 하는데...

헛짓거리좀 해보느라...테스트 및 각종 버그좀 찾으려고하는데...잘 안됩니다 ㅜㅜ...


사이트 주소는 #링크1 을 참조하셔서 가시면 되구요...


주안점은 ie는 9이상에서만 보시구요, ie를 제외한 브라우저에서 윈도우 창을 줄이면

윈도우창 크기에 따라 UI가 변경되는 형식입니다.

소위 말해 요즘 구설수에 올라와 있는 "반응형 웹디자인"이라는 형태인데요..


도메인 주소 하나로 스마트폰이나 기타 타블렛사이즈 웹사이즈에 맞게 형태변경(?)하는 식입니다.

예전에는 웹사이트 따로 제작하고 모바일이나 스마트폰용 사이트를 따로 만들었는데.

일종의 꼼수라고 보시면 될듯합니다.


제가 쓰는 손전화가 아이폰이라...요거하나밖에 테스트를 못햇네요..

한가하신분들...한번쯤 들어가보셔서 버그 있나...한번씩 봐주세요..(굽신굽신..)


바쁘신 와중에 감사합니다. =)


============================== 추가 ==================================

참고로 ui형태는 3종류가 있습니다만...

아이패드 사이즈와 아이폰 사이즈의 ui는 현재 거의 동일합니다..

디자인 없이 코딩하려니 레이아웃의 한계가 있네요..



TheBits [Lv: 64 / 명성: 658 / 전투력: 3135] 12-01-09 15:39
 
CSS 미디어 쿼리만으로 하신건가요? 재밋네요. ㅎㅎ
디쟈너가 아닌 관계로 디쟌은 넘어가고.. IE 가독성만 빼면 잘 동작하는 듯합니다.

포폴 슬쩍 보니 나름 화려하시네요 우왕~

ps. jQuery를 사랑하시는군요? 저도 그렇습니다. ㅎㅎ
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 15:42
 
ㅎㅎ 감사합니다.
저도 디자이너가 아니라서 -_-.. 대충 만들어서 그런가 봅니다.
가독성이 좀 떨어지는군요! 동작은 PC기준이신거죠?
덧//jQuery 사랑합니다. =)
DSPman™ [Lv: 1043 / 명성: 756 / 전투력: 9205] 12-01-09 15:42
 
크롬/XP SP3에서 가로 폭을 많이 줄였을 때 (약 240 픽셀 인근인듯?) 레이아웃이 더 이상 안줄고 원상복귀하네요
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 15:43
 
의도된사항입니다!! 가로 240픽셀 보다 작으면 오히려 가독성을 떨어뜨린다고 생각하기에
240픽셀보다 작으면 웹페이지(풀사이즈) 형식으로 뜹니다!
답변 감사합니다. ( __)..
DSPman™ [Lv: 1043 / 명성: 756 / 전투력: 9205] 12-01-09 15:44
 
아항 의도된 기능이근영^^
그 때 상단 메뉴를 세로로 배열하고
그 아래 사진
그 아래 프로필
순서로 배열하면 240 픽셀도 커버가 될 것 같긴 한데,
실 사용에서 240픽셀 이하로 볼 이유는 없을 것 같긴 하네요^^

글고, 풀 사쥬에서 점점 가로 폭을 줄이면 폰트 크기가 커지네용
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 15:53
 
오옷 역시 예리하십니다 +_+..
기존 폰트 크기 유지시 아이패드나 아이폰에서 클릭하기도 힘들며,
읽기에도 폰트가 넘 작아서 좀 늘려놧습니다!!
캄사합니다 !
한타 [Lv: 290 / 명성: 680 / 전투력: 3516] 12-01-09 15:42
 
사진에 저 앉아있는분이 이다에요님 맞으세요? 왜 멋있어 보이는거죠?
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 15:44
 
흑흑 백장찍어서 한장 건진 사진입니다..
저 사진도 넘 오래되었네요..
실제 보면 누구(?)말대로 찌질합니다.
감사합니다 :)
한타 [Lv: 290 / 명성: 680 / 전투력: 3516] 12-01-09 15:44
 
메뉴바가 이동하는거하고 이미지사이즈가 바뀌는게 신기하네요.
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 15:46
 
좀더 다른 기능을 넣으려고 하는데 시간 & 아이디어 부족입니다.
올드보이 [Lv: 29 / 명성: 711 / 전투력: 1380] 12-01-09 15:58
 
크롬인데요..
UI는 의도하신 대로 잘 동작 하는것 같습니다.
메뉴 폰트색상이 조금 어둡네요. 호버이전엔 잘 안보입니다.
디자이너신데 코딩실력이 이정도시라니 놀랍네요.
저도 취미반 jQuery 애호가입니다.ㅎㅎ

+
포트폴리오 > 아이작스 로딩때 프레로더를 넣거나 페이드인 같은 화면효과를 넣어주시면 어떨런지요?
순식간에 팍 뜨니까 뭐가 바뀌는지 잘 표시가 나질 않네요.
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 16:10
 
메뉴폰트가 가독성이 떨어지는군요...참고하겠습니다!
페이드 효과 괜찮을것 같습니다! 흐흐
많은 도움이 되었습니다..감사합니다.
그리고 저 디자이너 아닙니다..땔치운지 오래 됏어요...ㅎㅎ html퍼블리셔 입니다. =)
부들부들 [Lv: 66 / 명성: 752 / 전투력: 1444] 12-01-09 16:02
 
메인 사진이 뒤로가기 버튼을 누르게 합니다.
레이싱걸 사진으로 대체 부탁드려요. 헤헤...

체크 브라우저에 오페라 하나만 추가하심 완벽할것 같은데요.
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 16:11
 
그..그렇군요 ㅡ.ㅡㅋ..
보는사람의 정신적 상태를 위해서 포트폴리오와 어바웃 위치를 바꿔야겠습니다 -_-..
오페라도 맞춘다고 하긴했는데.. 오페라 웹엔진이 좀 야릇(?)하고 사용자가 적어서 빼놓긴했습니다만.
좀더 정확한 정보를 위해서라도 추가해놔야겠습니다.
답변 감사합니다!
꾸벅 [Lv: 35 / 명성: 619 / 전투력: 1280] 12-01-09 16:30
 
자세한건 잘 모르지만, 재미있네요.
통합형이군요. PC 크롬에서 열어봤는데 창크기도 슉슉 줄었나 늘었다 잘되구 깨지는 것도 전혀 없고
신기하네요 +.+ 집에가서 mac에서도 사파리로 열어보겠습니다!

요새 HTML을 취미로 공부해볼까 이것저것 뒤져보고 공부해보고 싶었는데 재미있네요 ㅎ
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 16:42
 
감사합니다. ㅎㅎ
이 방식으로 사이트를 제작하면 여러가지로 편리한점과 기능적으로 강력하긴 합니다만..
일반 사이트 제작보다 제작기간이 오래 걸립니다...
아실련지는 모르겠지만..현재 IT쪽의 프로젝트가 시간이 매우 짧기 때문에...
실제 서비스로 할만큼의 시간과 제작이 받쳐줄지 모르겠네요.
하지만 시도 자체가 많이 흥미로운건 사실이죠! 업계에서도 생각하는게 바뀌었으면 하는 바램입니다.=)
부들부들 [Lv: 66 / 명성: 752 / 전투력: 1444] 12-01-09 17:00
 
그렇네요 레이아웃이 변하네요!
모바일 전용 사이트 안만들고 하나로 커버가 될 듯해서 멋집니다요.
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 17:28
 
네네 창 크기에 따라 조금씩 변합니다. ㅋㅋ
좋긴한데 손이 마니가며, 하위 브라우저 호환성이 떨어져서..^^;
감사합니다!
dsunn [Lv: 288 / 명성: 633 / 전투력: 2742] 12-01-09 17:51
 
크롬 사용중인데 잘되네요.

이다님 능력자였어...
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 18:39
 
능력자 아녜요...ㅜㅜ..
카이로 [Lv: 71 / 명성: 712 / 전투력: 1548] 12-01-09 18:37
 
Win7 64bit에 메인브라우져로 Opera 11.60 사용중입니다.

풀 브라우징 상태에서 창을 줄여나가면 좌측 세로메뉴가 상단 가로메뉴로 변형되구요.
글자도 가로가 줄여져 나가면서 줄바꿈이 자동으로 잘 되구요.
이미지사이즈보다 작게 축소하는 경우 이미지도 축소되는 창 크기에 맞춰서 축소되네요.
240픽셀인지 어쩐진 모르겠지만 어느정도 이상 축소하면 다시 풀 브라우징 형태로 변형되구요.
음...그리고 글자 크기는 커지진 않군요. 아무튼 창 크기 맞춰서 변형은 잘 되는것 같습니다.

이제 오페라도 체크 브라우져에 들어가는건가요?

근데 제가 옷디에서 유일한 오페라 사용자인걸까요?;;;
이다에요 [Lv: 536 / 명성: 719 / 전투력: 1671] 12-01-09 18:39
 
하앜 귀한 오페라 피드백이군요!
이상없이 잘 된다니 흐흣..
아무래도 오페라 사용자는 적은듯 해요!
감사합니다!
 


SIDE MENU

Otd Wiki 무엇이든 물어보세요!
Otd
Lotto
누적 포인트 1,799 p
Otd Chat 강냉이 Beta !
Otd
Hands
왼쪽메뉴 숨기기
왼쪽메뉴 펼치기
Loading...