2012-02-23T16:58:09+09:00 http://www.touchmind.co.kr/index.php?module=rss&act=atom XpressEngine http://www.touchmind.co.kr/29809 2011-06-03T10:33:01+09:00 2011-06-03T10:33:01+09:00 TOUCHMINE

홈페이지에 퀵메뉴를 다는 소스ie5, 6 사용자는 자바스크립트로 구현ie7이상, 사파리, 불여우, 오...

http://www.touchmind.co.kr/29804 2011-06-03T10:31:48+09:00 2011-06-03T10:31:48+09:00 TOUCHMINE

이미지 여러개를 한번에 본문 삽입시 작은 사이즈의 이미지는 옆으로 붙어 나옵니다. 큰 이미지는 ...

http://www.touchmind.co.kr/27598 2011-04-22T08:56:20+09:00 2011-10-12T21:09:54+09:00 touchmine

정말 이거 해결방법 찾느라 약 2주일을 헤맸습니다.왜 쉬운설치가 안될까 해서요... xe에서...

http://www.touchmind.co.kr/27592 2011-04-22T08:46:09+09:00 2011-04-22T08:46:09+09:00 touchmine

아시는분도 계시겠지만 레이아웃 만들면서 테스트한 결과 확실하더군요.사이트로고와 alt 명에 h1 ...

http://www.touchmind.co.kr/27455 2011-04-07T19:14:48+09:00 2011-04-07T19:14:48+09:00 touchmine

IE9에서 xeed 파일첨부 및 본문 줄바꿈(Enter키)을 사용하는 방법입니다.ㅇ XE 홈페이지 운영...

http://www.touchmind.co.kr/27449 2011-04-07T19:13:48+09:00 2011-04-07T19:13:48+09:00 touchmine

Firefox에서 코드 하이라이터로 되어있는 글을 긁어왔더니 줄과 줄 사이에 너무 큰 여백이 생...

http://www.touchmind.co.kr/27269 2011-03-28T11:33:38+09:00 2011-03-28T11:33:38+09:00 touchmine

지난 포스트에서 내 경우의 개발 단계에대해 적었었다. 다른 사람들은 다른 방법으로 개발할 수 ...

http://www.touchmind.co.kr/27265 2011-03-28T11:32:10+09:00 2011-03-28T11:32:10+09:00 touchmine <div class="xe_content"><a href="http://www.7zelkova.pe.kr/590" target="_blank" title="[http://www.7zelkova.pe.kr/590]로 이동합니다.">지난 포스트</a>에서 내 경우의 개발 단계에대해 적었었다.<div> 다른 사람들은 다른 방법으로 개발할 수 있기에 누가 옳고 그르다를 따지는건 어리석다고 본다.</div> <div> 다른 것이지 틀린 것이 아니기 때문.</div> <div> <br /> </div> <div> 내가 지금 적고자 하는건 그 얘기가 아니라 Paper Prototyping에 대한 이야기다.</div> <div> Paper Prototyping이 무엇이냐.</div> <div> Paper : 종이</div> <div> Prototyping :&nbsp;<span class="Apple-style-span" style="font-family: Dotum; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; ">어 떠한 구현이나 실제적인 개발 이전에 원형을 구축함으로써, 설계뿐만 아니라, 사고과정 자체에 있어도 많은 도움을 주는 행위. 이를 통해 코딩을 하지 않고도 테스트를 용이하게 진행할 수 있으며, 서식등을 통하지 않고, 간단한 로우테크 툴(Low-tech Tool)을 이용해서, 상호이해와 의사소통을 증진시킨다.<br /> </span></div> <div> 출처 -&nbsp;<a href="http://intern.daum.net/prototype.html" target="_blank">http://intern.daum.net</a></div> <div> <br /> </div> <div> 만들기 전에 종이에 그려본다는 얘기다.</div> <div> 시간과 노력을 절약할 수 있다.</div> <div> 그런데 이 과정을 더 손쉽게 할 수 있는 툴이있다.</div> <div> <a href="http://www.balsamiq.com/" target="_blank">Balsamiq Mockups</a>라는 툴인데 직관적이고 손쉽게 레이아웃 구성을 할 수 있다.</div> <div> Just Drag and Drop이다.</div> <div> <a href="http://www.balsamiq.com/demos/mockups/Mockups.html" target="_blank">여기</a>에서 체험해 볼 수 있다.</div> <div> Flex로 만들어진거 같고, 초기 페이지 로딩이 좀 오래걸리지만, 로딩이 완료되고 사용해보는데는 별 무리가 안느껴진다.</div> <div> <br /> </div> <div> 마치 종이에 쓴 것처럼 아기자기한 손글씨체와 삐뚤빼뚤한 컴포넌트들로 인해</div> <div> 어찌보면 딱딱하고 지루할 수 있는 작업을 조금이나마 편한 마음으로 할 수 있을 듯 싶다.</div> <div> <br /> </div> <div> <div class="imageblock center" style="text-align: center; clear: both;"><a href="http://cfs12.tistory.com/original/13/tistory/2009/02/02/16/30/4986a0fb49438" rel="lightbox" target="_blank"><img src="http://cfs12.tistory.com/image/13/tistory/2009/02/02/16/30/4986a0fb49438" alt="" height="506" width="720"/></a></div><div style="text-align: center;"> 대충 3분정도 끄적이면 이런게 뚝딱 만들어진다</div> </div> <div> <br /> </div> <div> 아래 동영상을 보면 어떻게 사용하는지 더 쉽게 알 수 있다.</div> <div> </div> <div> <br /> </div> <div> <div> 이 툴의 장점은 Flash 기반의 프로그램이라서.. 기존의 웹 방식 협업프로그램과 연동이 된다는 것이다.&nbsp;</div> <div> Confluence, JIRA, XWiki 와 바로 연동이 된다고 한다.</div> <div> 기존에 JIRA나 Confluence를 사용하던 곳에서는 손쉽게 사용이 가능하다.(경우에 따라 추가비용은 발생한다)</div> <div> 그리고, Adobe AIR를 이용해서 데스크탑 Application 으로도 동작된다. 멋지지 않은가!!</div> </div> <div> <br /> </div> <div> 한가지 안타까운 점은...</div> <div> 유료라는 것. '어머나!! 그럼 왜 쓴거야!?' 라며 돌던질 준비를 하는 사람들에게 아래 문구를 보여주고 싶다.</div> <div> <br /> </div> <div> <span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'Lucida Grande'; "><ul class="inp" style="margin-top: 0pt; margin-bottom: 0pt; padding-right: 0pt; padding-left: 0pt; font-family: Georgia; font-size: medium; color: rgb(0, 0, 0); text-align: left; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; line-height: 1.5em; margin-left: 20px; "><li style="margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; ">If your company bought Mockups for Confluence, JIRA or XWiki, ask your IT admin for your company's license information and use it FREE of charge.</li><li style="margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; ">If you are a do-gooder of any sort (non-profit, charity, open-source contributor, you get the idea),&nbsp;<a href="mailto:mariah@balsamiq.com" style="color: rgb(161, 40, 26); ">email Mariah</a>&nbsp;with a short blurb and she'll send you a license, FREE of charge.</li><li style="margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; ">If you are a blogger / journalist / maven willing to write us up (honest reviews are the most useful to us)&nbsp;<a href="mailto:mariah@balsamiq.com" style="color: rgb(161, 40, 26); ">email Mariah</a>&nbsp;a short blurb with the link to your blog and she'll send you a license, FREE of charge, so that you can evaluate Mockups properly.</li><li style="margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; ">If you are willing to demo Mockups to an audience of at least 15 people (at a user group, a conference, a BarCamp),&nbsp;<a href="mailto:mariah@balsamiq.com" style="color: rgb(161, 40, 26); ">email Mariah</a>&nbsp;your info and she'll give you two licenses, one for you to keep and one to give away at the event, FREE of charge.</li><li style="margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; ">If you teach a high-school class,&nbsp;<a href="mailto:mariah@balsamiq.com" style="color: rgb(161, 40, 26); ">email Mariah</a>&nbsp;the name of your school and your class, plus the number of students in your class. Mariah will send you a license for all of them.</li></ul> </span></div> <div> <br /> </div> <div> 다른건 그냥 제껴두고 하나만 보자</div> <div> <br /> </div> <div> <span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: 24px; "><span style="font-family: Verdana; "><span style="font-size: 10pt; ">if you are a blogger / journalist / maven willing to write us up (honest reviews are the most useful to us)&nbsp;</span></span><a href="mailto:mariah@balsamiq.com" style="color: rgb(102, 102, 102) !important; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(204, 0, 0); text-decoration: none !important; " target=""><span style="font-family: Verdana; "><span style="font-size: 10pt; ">email Mariah</span></span></a><span style="font-family: Verdana; "><span style="font-size: 10pt; ">&nbsp;a short blurb with the link to your blog and she'll send you a license, FREE of charge, so that you can evaluate Mockups properly.</span></span></span></div> <div> <br /> </div> <div> 이 정도는 굳이 해석 안해줘도 될거라 생각한다.</div> <div> 한줄요약을하자면 지금 이 포스트처럼 소개 및 리뷰를 작성하고 마리아 아줌마한테 메일을 보내면 무료 라이선스를 보내준다는 내용이다.</div> <div> 마리아 아줌마. 메일 보내드릴께요 조금만 기다리세요.</div></div> http://www.touchmind.co.kr/27101 2011-03-23T20:03:35+09:00 2011-03-23T20:12:24+09:00 touchmine

예제 레이아웃이라기 보다는 기초 레이아웃입니다. 레이아웃을 제작하시는 분들이 작업을 시작하기...

http://www.touchmind.co.kr/26920 2011-03-14T21:21:41+09:00 2011-03-14T21:21:41+09:00 touchmine

홈페이지에 퀵메뉴를 다는 소스ie5, 6 사용자는 자바스크립트로 구현ie7이상, 사파리, 불여우, 오...

http://www.touchmind.co.kr/26205 2011-02-16T10:15:26+09:00 2011-02-16T10:16:40+09:00 touchmine <div class="xe_content"><p><img alt="mainBg1.jpg" src="http://touchmine1.cafe24.com/files/attach/images/25920/205/026/mainBg1.jpg" width="960" height="468"/> <img alt="mainBg2.jpg" src="http://touchmine1.cafe24.com/files/attach/images/25920/205/026/mainBg2.jpg" width="960" height="468"/> <img alt="mainBg3.jpg" src="http://touchmine1.cafe24.com/files/attach/images/25920/205/026/mainBg3.jpg" width="960" height="468"/> <img alt="mainBg4.jpg" src="http://touchmine1.cafe24.com/files/attach/images/25920/205/026/mainBg4.jpg" width="960" height="468"/> Shop + Give. I-ELLA is a unique invitation only marketplace where visitors can buy, borrow, swap and bid on clothing and accessories. A percentage of each sale goes to a charity of the buyer's choice. Celebrities such as Veronica Webb and Whitney Port open up their closet for weekly auctions. All the proceeds go to a charity of the celebrity's choice. PS was selected by Ella, the founder, to bring her concept to life through the brand identity and website. PS developed all design and the infrastructure of the website as well as brand positioning and supporting marketing materials – e-newsletters, party invitations, InStyle launch party, promotional movie for potential investors and celebrities, etc. The site was launched during the 2010 Fashion Week and has been recognized and lauded for its innovative concept and style by the fashion community. </p></div> http://www.touchmind.co.kr/25932 2011-02-04T10:56:33+09:00 2011-02-04T10:56:33+09:00 touchmine <div class="xe_content"><div class="eArea xe_content xe_dr_txt"/> <p/>더 좋은 글쓰기를 위해 어떤 도움이 필요할까요? 더 쉬운 글쓰기를 위해서는요? 텍스타일은 "더 좋은 글을 더 쉽게 쓰고싶다"는 욕구로 부터 시작되었습니다. 만약 지금 여러분&nbsp;곁에 좋은 글쓰기 선생님을 둘 수 없다면 텍스타일을 선택한 것은 무척 고무적인 일입니다. 텍스타일의 글쓰기 도구는 조금 특별 하거든요. ^^ 함께 만나 보시죠!</p> </div> <div class="eArea xe_content xe_dr_hx"/> <h3 id="h1247467217012"/>글감 수집기를 설치해 보세요!</h3> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>좋은 글에는 항상 참조와 인용이 따릅니다. 글감 수집기는 좋은 글이&nbsp;보다 많은 사람들의 글과 객관적인 사실을 참조하고 있다는 사실에 주목하였고 글을 쓰는 과정에서 이러한 작업을 보다 편리하게 할 수 있도록 도울 것입니다. "글감 수집기"를 여러분의 브라우징 도구에 북마크 하시면 웹 서핑 도중 참조하거나 인용하고 싶은 글을 여러분의 텍스타일에&nbsp;담아둘 수 있습니다. 하지만 기억하세요. 다른 사람의 글을 수집한 다음 다시 배포할 때 저작권자가 이런 행동을 허용하고 있는지 반드시 확인해야 합니다.</p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle1.gif" id="" alt=""/></p> <p class="desc"/>글감 수집기는 "글 관리 &gt; 글감보관함" 페이지에서 설치할 수 있습니다.</p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle4_2.gif" id="xe_img_srl_11746" alt=""/></p> <p class="desc"/>글감 수집기가 웹 브라우저의 북마크 도구모음에 설치된 화면.</p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle2_3.gif" id="xe_img_srl_11750" alt=""/></p> <p class="desc"/>웹 브라우저에 설치된 "글감 수집기"를 이용하여 인용구를 수집하는 장면.</p> </div> <div class="eArea xe_content xe_dr_hx"/> <h3 id="h1247469280842"/>텍스타일 에디터를 사용해 보세요!</h3> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>텍스타일 에디터는 텍스타일을 다른 블로깅 도구들과 차별화 하는 가장 두드러진 특징 가운데 하나 입니다. 텍스타일 에디터는 "좋은 글 쓰기"를 위해 개발되었고 텍스타일 에디터를 이용해서 작성된 글은 보다 논리적이고 읽기 편하며 의미있고 검색엔진과 친해질 확률이 더 높습니다. 하지만 이 도구에 익숙하지 않은 분들을 위하여 기존에 사용하시던 익숙한 에디터를 사용할 수 있도록 고려되어 있습니다.</p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle3_2.gif" id="" alt=""/></p> <p class="desc"/>텍스타일 에디터를 이용하여 하나의 단락을 작성하는 화면.</p> </div> <div class="eArea xe_content xe_dr_hx"/> <h3 id="h1247471325766"/>텍스타일 에디터를 조금 더 편리하게.</h3> </div> <div class="eArea xe_content xe_dr_list"/> <ul/> <li/><span/>텍스타일 에디터 열기 : 1부터 9까지 사용.</span></li> <li/><span/>편집 모드로 전환 : 'Enter' 또는 '더블 클릭' 또는 '편집'을 클릭.</span></li> <li/><span/>단락 선택 : 선택하려는 단락을 '클릭' 또는 '방향키'를 위아래로 이동하여 선택.</span></li> <li/><span/>선택된 단락을 이동 : 'Ctrl+방향키' 또는 '드래그&amp;드롭'.</span></li> </ul> </div> <div class="eArea xe_content xe_dr_hx"/> <h3 id="h1247469866936"/>익숙한 에디터 사용하기.</h3> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>새로운것은 언제나 불편하다는 사실을 잘 알고 있습니다. 텍스타일 에디터는 기존에 사용하던 도구들과 다른 환경을 제공하고 있기 때문에 처음에는 낮설고 불편할런지도 모릅니다. 실제로 텍스타일 에디터는 좋은 글쓰기를 위해 기존의 글쓰기 환경이 제공하던 많은 것들을 포기하고 있습니다. 풍부한 표현보다 구조적인 글쓰기에 집중할 수 있도록 유도하는 과정에서 할 수 없는 일들이 생겨나게 되었습니다. 하지만 여러분이 이 불편한 도구에 익숙해지기위해 작은 노력과 주의를 기울인다면 여러분의 글은 틀림없이 예전보다 더 좋아질 것입니다. </p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle5_1.gif" id="xe_img_srl_11752" alt=""/></p> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>여전히 텍스타일 에디터가 익숙하지 않는 분들께서는 관리자 환경의 "설정 &gt; 쓰기환경 설정 &gt; 편집방식 설정" 메뉴에서 "기타 편집기"를 선택 하세요. 'XpressEditor, FCKeditor, Xquared' 와 같이 기존에 여러분들이 사용하시던 익숙한 오픈소스 에디터를 그대로 사용하실 수 있습니다.</p> </div> <div class="eArea xe_content xe_dr_hx"/> <h3 id="h1247460895830"/>스킨 편집하기.</h3> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>만약 여러분이 선택한 스킨이 컬럼 구조를 유지하고 있다면 화면의 좌우 배치를 쉽게 바꿀 수 있습니다. 모든 스킨이 이렇게 컬럼 형태를 유지하고 있는것은 아니기 때문에 손쉬운 스킨 조작 화면이 존재하는 것은 아니지만 간단하게 HTML 코드를 변경하는 것으로 가능하게 됩니다</p> </div> <div class="eArea xe_content xe_dr_img"/> <p/><img src="./modules/textyle/sample/ko/aboutTextyle6.gif" id="xe_img_srl_11743" alt=""/></p> </div> <div class="eArea xe_content xe_dr_txt"/> <p/>"디자인 &gt; HTML·CSS 편집 &gt; HTML 편집" 화면에서 두 번째 라인 &lt;div id="container" class="<span style="font-weight: bold; text-decoration: underline;"/>ce</span>"&gt; 부분을 &lt;div id="container" class="<span style="font-weight: bold; text-decoration: underline;"/>ec</span>"&gt; 으로 변경하시면 화면의 좌우 배치가 바뀝니다. 이러한 설정은 '초기화' 하거나 다른 스킨을 선택했을 때 사라집니다.</p> </div> </div> http://www.touchmind.co.kr/25854 2011-01-30T10:42:29+09:00 2011-01-30T10:42:29+09:00 touchmine

(라이센스는, 제로보드xe의 소스를 수정했으니 GPL2인지 3인지 잘 모르겠네요)메뉴 모듈에 간단한...

http://www.touchmind.co.kr/25845 2011-01-30T10:31:13+09:00 2011-01-30T10:31:35+09:00 touchmine

제목그대로 호스팅을 cafe24사용하시는분들 중에서 페이지에 기본위젯외에 편집위젯들(제가 만든 카...

http://www.touchmind.co.kr/25750 2011-01-28T09:10:16+09:00 2011-02-28T09:32:10+09:00 touchmine

계정주소에다가 도메인을 연결했는데 로그인이 안되는 경우,,,이것때문에 엄청 고생했습니다.로그인이...