これがあると、すぐできる!コーディングに関するドキュメントを作成する用の無料HTMLテンプレート -Scribbler

コーディングに関するプロジェクトを公開する時用の無料テンプレートを紹介します。

Web開発者向けに設計されたHTMLベースのテンプレートで、レスポンシブ対応、vanilla JS、CSS Gridなど、パフォーマンスとシンプルさが念頭に置かれており、カスタマイズ性にも優れ、ランディングページやドキュメントページを作成するのに適しています。

サイトのキャプチャ

Scribbler
Scribbler -GitHub

Scribblerのデモ

デモでは、ランディングページとドキュメントページが公開されています。

デモのキャプチャ

デモページ: index.html

ランディングページでは、ターミナル上でコマンドを実行するコンポーネントが配置されており、特徴やショートカットキーなどの説明を掲載することができます。

デモのキャプチャ

デモページ: index.html

下部では、Changelogやドキュメントへのリンクが掲載されています。

デモのキャプチャ

デモページ: index.html

ドキュメントページでは、使い方を詳しく説明することができます。

デモのキャプチャ

デモページ: doc.html

Scribblerのデザインファイル

ランディングページとドキュメントページのデザインファイルもダウンロードできます。

Sketchのキャプチャ

デザインファイル

フォーマットは.sketchで、要素のデザインをカスタマイズすることも可能です。

Scribblerのダウンロード

ダウンロードは、下記ページの下の方から。

サイトのキャプチャ

Scribbler

「Download」をクリックすると、それぞれテンプレート一式とデザインファイル一式がダウンロードできます。利用にあたっては個人でも商用でも無料で、クライアントワークでも利用できます。詳しくは、ライセンスページをご覧ください。

sponsors

top of page

©2024 coliss