참조 http://roundcubee.blogspot.kr/2015/08/metrocity.html https://www.xemarket.co.kr/index.php?mid=marketiteminfo&act=dispMarketitemDetailListView&item_srl=500040 프리 버전과 유료 버전의 차이를 나타내는 화면 UI http://ngwin.com/picpick/readme http://ngwin.com/picpick/download 카페24 디자인센터 http://d.cafe24.com/product/product_shoppingmall_list.ph... 더보기

http://www.wico.co.kr/ 블로그 스타일 http://creative.gtz.kr/ http://webagit.tistory.com/search/Aladdin%20StuffIt%20Expander http://ingorae.tistory.com/796 블로그 : 블랙 디자인 http://blog.naver.com/movabrave/220504459950 레모나 http://www.lemona.co.kr/ 추천 웹디자인 사이트 http://www.script.ne.kr/bbs.php?id=bestsite http://www.stylemilk.net/stylemil... 더보기

이온디 에디션 레이아웃의 경우 사이드바가 있는 반응형 레이아웃입니다. 사이드바의 경우 일정 너비 이하로 줄어들 경우 사라지거나 넓이를 줄일 수 있지만 컨텐츠의 경우 가운데 정렬일 경우 사이드바와 중쳡되는 경우가 발생하여 @media only screen and (max-width: 1200px) { #eond_edition .container .lnb{width:120px } #eond_edition .container .sidebar{display:none... 더보기

#왼쪽 상단 버튼의 역할 1. 기대되는 역할 : 왼쪽 사이드 메뉴의 펼침 메뉴 - 문제점 1) 반응형으로 레이아웃 너비가 일정 너비 이하로 줄어들었을 경우 사라진 상태일 때, 펼침 메뉴를 클릭한 경우, 다시 브라우저 넓이를 줄이면 해당 사이드바가 줄어들지 않고 펼침 상태 그대로 유지됨 > 문제가 아닐 수도 있음. 반응형을 사용하는 이유는 단순히 사용자의 기기에 따라 적합... 더보기

#왜 반응형 이온디 에디션 레이아웃은 구조상 반응형인 웹사이트 레이아웃입니다. 처음 만들 때는 PC버전과 모바일 버전으로 각각 따로 만들어야 겠다고 생각했습니다만 작업하다보니 양쪽 로컬메뉴와 사이드바의 넓이가 각각 250픽셀이라 #컨텐츠 중심의 레이아웃 #확장성 - 이온디 홈페이지의 '큰 그림' 이온디 에디션 레이아웃은 확장성과 사용성을 염두에 두고 작업합니다. ... 더보기

헤더 영역의 왼쪽과 오른쪽에 위젯 영역을 추가로 넣었습니다.

아래는 CSS 코드입니다.

HTML 코드는 다음과 같습니다.

시간 나면 롤링 배너로도 만들어 볼 수 있을 것 같은데 할 게 너무도 많네요. @_@

'이온디 온'은 메인 페이지용 레이아웃이며, '이온디 에디션' 레이아웃은 서브 페이지용 레이아웃입니다. 복잡한 사이트를 어떻게 하면 조금 더 직관적으로 꾸밀 수 있을까 고민하면서 만들어보았습니다. http://codepen.io/eond/pen/OVeMNP ※ 참조 디자인 http://entertain.naver.com/tv http://chhwa75.tistory.com/1067 http://book.naver.com/bookdb/book_detail.nhn?bid=67... 더보기

출처 :

25 Free HTML5 CSS3 jQuery DropDown Menus

http://designscrazed.org/css3-jquery-dropdown-menus/

메뉴 아래 종속된 여러 게시판을 한 눈에 볼 수 있도록 구성된 위젯입니다. < 와 > 기능으로 페이지 이동이 가능하며, 현재 보고 있는 이동된 페이지의 카운트를 확인할 수 있습니다. 쇼핑몰, 뉴스사이트, 포털 사이트 등에서 쉽게 볼 수 있는 카운트와 이동 버튼이 같이 구성된 위젯입니다. 그동안 저도 찾아봤는데 이런 구성의 위젯은 없어 거의 보름만에 구현을 했네요. 상단... 더보기

통합검색에서 키워드를 검색하면 아래와 같은 경로에서 검색이 안됨. http://eond.com/index.php?mid=web&act=IS&where=&search_target=title_content&is_keyword=futurewave01 제목+내용을 클릭하면 '통합검색' 탭에서 '문서' 탭으로 이동 후 검색 됨. http://eond.com/index.php?mid=web&act=IS&search_target=title_content&is_keyword=futurewave01&where=document&page=1 ... 더보기

이온디 온 레이아웃의 로그인 UI의 러프 스케치입니다.

러프 스케치는 기본적으로 모든 웹 화면 제작의 첫 단계입니다.

'웹기획 > 디자인 > 퍼블리싱 > 개발'의 순서 중 기획 분야에서도 가장 기초가 되는 단계입니다.

러프 스케치는 UI 기획의 한 방법입니다. 종이에 그리지 않고 바로 목업 툴을 이용해서 화면기획서(a.k.a 화면정의서, UI기획서, 목업 등등)를 만들기도하며

이 방법은 기획자의 편리대로 진행하면 됩니다.

통합검색

모든 레이아웃의 틀이 동일할 수는 없더라. 해당 레이아웃에 맞게 적정한 타협선을 찾아 레이아웃을 만들었다.

기록하는 걸 좋아하면서도 그냥 대충대충하는 버릇 때문에 언제 만들었는지 적어놓은 정보가 없어 FTP에 올려진 정보로 확인했습니다. 일단 업로드한 걸 보면 2013년 8월에 올렸는데 아마 제작은 훨씬 이전에 해놓았었겠지요. 아마 그 때쯤 새로 시작하자 라는 기조로 '스타터'라는 이름을 붙였는지 모르겠습니다. 우연히도 정확하게 딱 1년 만이네요.

제 삶은 많이 변했습니다. 포기하는 것도 늘어났고, 아는 것도 늘어났습니다. 뒤돌아보니 엉망인 삶인데, 그래도 제 삶이니 제가 책임을 져야겠지요. 그러고보니 그동안 책임을 져야 한다는 것도 배웠습니다. 어른이 되어간다는 말이