明らかなオプションは、メインマークアップをスケッチし、Doctypeを定義し、ブラウザにスタイルを設定させることです。 しかし、これはそのようなページの将来の訪問者を困惑させる結果をもたらす非常に怠zyな方法です。 少なくとも基本的な見出しとリンクのスタイル、いくつかの単純な構造が欲しいです。
したがって、次のステップは、ネットワーク上の既製のオプションを表示することでした。
検索する
CMSがないため、CMSのテンプレートは適切ではありません。 そして、そのようなパターンは、多くの場合、より複雑なサイト向けに設計されています。 そして、彼らはモバイルデバイスで訪問者を喜ばせません。
しかし、今ではアダプティブマークアップ(レスポンシブデザイン)を備えたテンプレートがあり、私の興味をそそりました。 残念ながら、発見された解決策のほとんどは有料であることが判明しましたが、著者が行っている作業量を考えると、これは驚くことではありません。
無料のオプションを検索すると、自分のコードに基づいて独自のデザインを作成することを期待して作成される基本的なテンプレートにつながります。
ここで、目的のソリューションに必要な要件を定式化することはすでに可能でした。
- 仕事のシンプルさ
- 基本設計の可用性
- モバイルデバイスのマークアップ適応性
- より良いHTML5
- 無料
解決策
次に、単純なサイトを作成するためのこのようなツールは、私だけでは必要ないかもしれないと考えました。 数日のうちに、テンプレートを組み立て、デザインテーマのいくつかのオプションを作成し、Githubにすべてダウンロードしてダウンロードしました。
Simplisteは、それ自体が来た名前です。 テンプレートが提供するものは次のとおりです。
- CMSは必須ではなく、単なるHTMLコードです。
- マークアップは単純なブロックで作成されますが、ブロックは多すぎないため、混乱することはありません(3、2、または1列が可能です)。 ほとんどの場合、既製のクラスがあります。
- HTML5ボイラープレートからリセットすると、さまざまなブラウザーでの外観が安定します。
- HTML5およびCSS3。 GoogleサーバーからHTML5 Shivをダウンロードできます(これはIE専用です)。 これ以上テンプレートにテンプレートが接続されていません。
- いくつかのテーマがあります。 すべてのテーマは、画像ファイルを使用せずに作成されます。
- ブラウザの幅への適応性。 モバイルデバイスでは、列は縦の記事のブロックに変わります; CSSクラスはこれを自動的に提供します。
Simpliste Webサイトで 、テンプレートを検討できます 。
アーカイブを直接ダウンロードできます 。
興味のある方は、 Githubのプロジェクトページへのリンク。
合計
いくつかの情報をネットワークにすばやくアップロードし、見た目が許容できる方法でそれを行い、モバイルブラウザを忘れずに最小限の時間を費やす必要がある場合は、Simplisteに注意を払う必要があります。
構造を構築するには、HTMLの基本的な理解で十分です。 いくつかの中立的なテーマがあります(視聴者が興味を持っている場合は、さらに多くのテーマがあります)。 テンプレートのサイト全体では、最初にダウンロードするのに必要なファイルは、html、css、faviconの3つだけです。
更新しました。 ユーザーの要求に応じてライセンスを追加しました。 これはMITライセンスです。配布などのためにライセンスのコピーを含める必要はありません。 つまり、無料で使用、変更、配布できます。 トラックバックは任意です。
upd2テーマの作成の開始: habrahabr.ru/blogs/webdev/136424