본문 바로가기

스크립트5

PC, 모바일에서 다른 이미지 출력하는 스크립트 "PC, 모바일에서 다른 이미지 출력하는 스크립트" 웹사이트를 개발하다 보면 PC와 모바일에서 각각 다른 이미지를 출력해야 하는 경우가 있습니다. 예를 들어, PC에서는 상세한 이미지를, 모바일에서는 간략한 이미지를 출력하고 싶을 때가 있습니다. 이러한 경우, 다음과 같은 방법으로 스크립트를 작성하여 PC와 모바일에서 다른 이미지를 출력할 수 있습니다. 페이지 폭을 인식하여 이미지를 출력하기 위의 스크립트는 window.innerWidth 속성을 사용하여 현재 페이지의 너비를 확인합니다. 페이지 너비가 768픽셀보다 크면 PC에서 접속한 것으로 간주하여 .pc-image 클래스를 가진 이미지를 출력합니다. 너비가 768픽셀보다 작으면 모바일에서 접속한 것으로 간주하여 .mobile-image 클래스를 가.. IT스토리/인터넷 이야기 2023. 9. 7.
티스토리 포스팅 URL 통일하기 '?category' 꼬리표 제거 방법 "티스토리 포스팅 URL 통일하기 '?category' 꼬리표 제거 방법" 티스토리 블로그의 포스팅 URL은 설정에 따라 블로그주소 뒤에 숫자 혹은 문자로 이루어져 있습니다. 하지만, 카테고리 목록에서 원하는 포스팅을 클릭한 경우에는 고유 URL 뒤에 '?category=000000' 형식의 카테고리를 나타내는 값이 추가로 붙게 됩니다. 동일한 내용의 글인데, URL 뒤에 '?category' 꼬리표가 붙어 검색엔진이 유사문서로 오인할 수 있는 소지가 있습니다. 광고 수익으로 블로그를 유지하는 입장에서는 그리 달갑지 않을 수 있습니다. https://foxcg.com/799 사진 배경 간단하게 지우기 이미지 누끼 투명 배경 "사진 배경 간단하게 지우기 이미지 누끼 투명 배경" 디자인 작업을 할 때 자주 .. IT스토리/애드센스, 티스토리 2021. 2. 24.
인디자인(InDesign)을 이용한 자동 달력만들기 스크립트 캘린더위자드(Calendar Wizard) "인디자인(InDesign)을 이용한 자동 달력만들기 스크립트 캘린더위자드(Calendar Wizard)" 이전 포스팅을 통해 공유한 달력 디자인을 위한 팁이나 공개된 달력디자인을 이용해 달력 작업을 할 수도 있지만, 이후나 이전 달력을 편집하고 출력해야 할 경우가 생긴다면 어떻게 해야할까요? 자동으로 달력 레이아웃을 만들어주는 아주 유용한 인디자인(InDesign) 스크립트 캘린더위자드(Calendar Wizard)를 소개 합니다. 캘린더위자드(Calendar Wizard)는 인디자인 스크립트에 추가해서 사용할 수 있는 플러그인 프로그램으로 아주 손쉽게 달력 레이아웃을 만들 수 있습니다. 아래의 공식홈페이지에서 스크립트를 다운로드하실 수 있습니다.http://calendarwizard.sourcefor.. 그래픽디자인/InDesign 2016. 11. 30.
CropMarks 스크립트를 보완한 인디자인(InDesign) 투터치 재단선 그리기 CropMarks-II "CropMarks 스크립트를 보완한 인디자인(InDesign) 투터치 재단선 그리기 CropMarks-II" 지난 시간에 인디자인(InDesign)에서 CropMarks 자바스크립트(Java Script)를 이용해 재단선을 그리는 방법을 포스팅 했습니다. 하지만, 사용하다가 보면 불편한점이 발견되더군요. 바로 투터치 재단을 할 경우에는 CropMarks 자바스크립트로는 해결하기 힘들어 직접 자바스크립트를 수정 했습니다. ☞ CropMarks 스크립트를 이용한 인디자인(InDesign) 재단선그리기 "CropMarks 스크립트를 보완한 인디자인(InDesign) 투터치 재단선 그리기 CropMarks-II" 원터치재단과 투터치 재단의 설명은 다음의 링크를 통해 확인하실 수 있습니다. ☞ 편집디자인에서 원.. 그래픽디자인/InDesign 2016. 8. 31.
CropMarks 스크립트를 이용한 인디자인(InDesign) 재단선그리기 CropMarks 스크립트를 이용한 인디자인(InDesign) 재단선그리기 인디자인은 기본기능 외에 사용자가 추가/편집할 수 있는 스크립트 실행 기능을 가지고 있습니다. 그 종류는 비주얼 베이직을 활용하는 VBScript(*.vbs)와 자바 스크립트를 사용하는 JavaScript(*.jsx) 를 지원하고 있습니다. 창 - 유틸리티 - 스크립트 [ Ctrl+Alt+F11 ] 에 스크립트 창을 볼 수 있습니다. 위와 같이 각 폴더별로 셈플로 제공되는 스크립트를 볼 수 있습니다. 그 중 유용한 스크립트 중 하나가 CopMarks 스크립트 입니다. (*.jsx 와 *.vbs 가 동일하게 있습니다.) 인디자인에서 PDF로 저장할 때 각 페이지마다 재단선을 그릴 수는 있지만 CropMarks 스크립트를 이용하면, .. 그래픽디자인/InDesign 2016. 8. 22.

티스토리툴바