tsubasahiga / percolator

PHPで構築されたミニマムな静的サイト構築用初期テンプレートです。

Percolator

PHP で構築された一般的な静的サイト構築に最適な初期構築テンプレートです。なるべくモダンな仕様で低コスト開発出来るよう定期的にアップデートしております。スモールスタート・LP 開発・小規模静的サイトとの相性が高いです。

Install & Use

リポジトリよりクローンを行い、npm iをして頂くだけで準備が整います。

$ git clone https://github.com/TsubasaHiga/Percolator.git
$ npm i

gulp 起動はnpx gulpで可能です。標準でbrowser-sync導入済み。

$ npx gulp

Documentation

基本的に npm 環境があれば即使用することが可能です。Gulp4 系対応済み。

項目	内容
コンパイル環境、タスクランナー	npm + Gulp4 + Webpack
CSS トランスパイラ	npm + Gulp
CSS 設計	FLOCSS
JavaScript モジュールバンドラ	npm + Webpack
JavaScript ライブラリ	Vanilla JS（Pure JS）
パッケージマネージャー	npm

Directory structure

tree -a -I "node_modules|.git" -N -L 2 --dirsfirstで表示したディレクトリ構造

.
|-- dist
|   |-- assets
|   |-- hoge1
|   |-- hoge2
|   |-- hoge3
|   |-- hoge4
|   |-- inc
|   `-- index.php
|-- src
|   |-- css
|   |-- images
|   `-- js
|-- .gitignore
|-- .htaccess
|-- LICENSE
|-- README.md
|-- gulpfile.js
|-- package-lock.json
|-- package.json
`-- webpack.config.js

Code Standard

PSR-2に準拠。ただし以下 Sniff に関しては除外しております。

• Generic.Files.LineLength

Browser Support

サポートしているブラウザは以下の通りです。基本的にはモダンブラウザの内（> 0.5% in JP）に該当するブラウザをデフォルト対応と致します。

History

プロジェクト管理の履歴を残しておきます。

Deta	Detail	Public or Private	Repository
2019.07.06	リポジトリ名を正式名称に変更	Public	https://github.com/TsubasaHiga/Percolator
2019.01.28 - 2019.07.06	パブリック版として開発開始。コミットログを持たない様最新ファイルのみインポートしたリポジトリを別途用意。	Public	https://github.com/TsubasaHiga/fe_html5-template
2019.01.22 - 2019.01.28	正式に html5 テンプレートとして開発開始する為別途リポジトリ用意。凍結。	Private	https://github.com/TsubasaHiga/fe_template_html5
2018.04.25 - 2019.01.22	社内 Fork 版として開発開始。各種テンプレート管理リポジトリの 1 つとして管理。	Private	https://github.com/TsubasaHiga/fe_template/tree/master/html5

License

MIT License

percolator's Issues

mixinの固有値はvariables.scssで管理するようにする

@font-faceの箇所修正する

SNSシェアボタンをデフォルト実装する

https://yu8mada.com/2018/05/09/how-to-create-each-share-link-for-google-plus-facebook-and-twitter-directly-from-html-a-tag/