pepper 메모 _07 : 페퍼 태블릿 용 HTML 템플릿

종이 태블릿 용 HTML 템플릿



후추 태블릿 용 HTML 템플릿을 만들려고했습니다.
화면 사이즈라든지 조사했지만 잘 몰랐습니다만, 결국 1280x800으로 만들었습니다.

※구형 페퍼용입니다. 신형에는 대응하고 있지 않습니다><

Bootstrap 사용



Bootstrap v3.2.0
ht tp // 게이 t보오 tst 등 p. 이 m
를 사용하고 있습니다.

Sketch3용 템플릿 파일 포함



Sketch3
htps : // 기주 b. 이 m / 님의 rt / pepe r-HTML01
용 템플릿 파일을 준비했습니다.

Mac용의 소프트가 됩니다만, 화면 디자인을 간단하게 할 수 있어 편리합니다.
아직 사용하지 않은 사람은 사용해보십시오! 유료이지만!

Sketch3 템플릿을 설정하는 방법



File→New From Template→Reveal in Finder
선택하면 뷰 파인더가 열리므로 pepper_html01.sketch를 복사하고
앱을 다시 시작하면 템플릿에 추가됩니다.


※추가 전

26 종류의 템플릿을 준비했습니다!



YES/NO, ○✕, 사택, 시계 등 다양한 템플릿을 준비했습니다.
HTML 파일도 물론 준비되어 있으며,
구조도 간단하기 때문에 쉽게 구현할 수 있다고 생각합니다!


샘플 프로그램을 준비했습니다!



그대로 실행하면 index.html이 표시됩니다.
우선 실기로 시험해 보세요!

ShowLocalHtml이라는 상자를 새로 만들었습니다.
HTML 폴더의 html 파일을 태블릿에 표시하는 상자입니다.

HTML 파일



샘플 프로그램의 html 폴더 안에 있습니다.


위해 해보자!



이런 식으로 모든 패턴을 쉽게 시도할 수 있습니다!


※우하의 이 일러스트만 저작권 프리가 아니야!

이용 약관


Pepper(ペッパー)用ソフトウェアの開発であれば、
商用利用を含め、著作権表記なしでご自由にご利用できます。
※とのさまラボのイラスト(tolemo.png)を除きます。

저작권 표기 필요 없기 때문에 자유롭게!

다운로드하자!



git에 있기 때문에 다운로드 해보십시오!
htps : // 기주 b. 이 m / 님의 rt / pepe r-HTML01

오시마



이상, 페퍼 태블릿 용 HTML 템플릿이었습니다!

이 기사는

Pepper Advent Calendar 2014 3일째
ぃ tp // 코 m / 아 d

Sketch 3 Advent Calendar 2014 4일째
h tp // w w. 오 dゔ ㄱ r. 오 rg / 돈 rs / 347

에 입력했습니다.

Pepper Advent Calendar 2014의 다음 게시물은
프리랜서 소프트웨어 개발을 하고 있는 yacchin1205 씨의 기사가 됩니다!

Sketch 3 Advent Calendar 2014의 다음 게시물은
그 근처의 고등학생 p1ch_jp 씨의 기사가됩니다!

SketchToolbox로 플러그인 관리
h tp // 치라우라. 메 / p ㅅ 긴 s - 마나게 - 아 ts t ch와 l l x /

귀여워!

좋은 웹페이지 즐겨찾기