Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ronilaukkarinen/modern-html5-boilerplate
Starter setup for building static HTML/PHP sites. Useful for quick&dirty landing pages.
https://github.com/ronilaukkarinen/modern-html5-boilerplate
cache front-end landing-pages onepagewebsite php php2html static static-pages
Last synced: 3 months ago
JSON representation
Starter setup for building static HTML/PHP sites. Useful for quick&dirty landing pages.
- Host: GitHub
- URL: https://github.com/ronilaukkarinen/modern-html5-boilerplate
- Owner: ronilaukkarinen
- License: other
- Created: 2015-01-22T09:02:54.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2023-08-31T07:52:01.000Z (over 1 year ago)
- Last Synced: 2023-08-31T20:15:39.923Z (over 1 year ago)
- Topics: cache, front-end, landing-pages, onepagewebsite, php, php2html, static, static-pages
- Language: SCSS
- Homepage:
- Size: 2.44 MB
- Stars: 6
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Modern HTML5 Boilerplate
In need of a simple landing pages or static websites? Then this extremely minimal Modern HTML5 Boilerplate might be just for you.
## Features
- Produces minified, static HTML files
- Automatic JS/CSS minification, uglify, combine, compress and concat with [Gulp](http://gulpjs.com/)
- Stylesheet language: [SCSS](http://sass-lang.com/) (libsass)
- Flexible SCSS grid included: [Jeet Grid](http://jeet.gs/)
- Responsive typography with viewport units
- SCSS and PHP linting built-in
## Installation
1. `git clone https://github.com/ronilaukkarinen/modern-html5-boilerplate yourprojectname`
2. If you add your project to git, remember to remove `.git` folder with `rm -rf .git`
3. `npm-check-updates -u` to update Node.JS modules (you need [npm-check-updates](https://www.npmjs.com/package/npm-check-updates) for this)
4. `npm install` to install them
5. Edit `package.json` and `gulpfile.js` and rename project name and author according to your new project
6. `gulp` and start coding your static website (you might want to change meta tags and `_config.scss` variables first)
Start with `src/sass/layout/_main.scss`.
**Have fun!**
## Alternative cache (with php)
Currently this produces static HTML pages via php2html, but you can disable gulp-php2html, gulp-htmlmin and enable semi-dynamic caching for your index.php, by adding this to dist/index.php:
```` php
[^\S ]+/s', // strip whitespaces after tags, except space
'/[^\S ]+\',
'<',
'\\1',
'',
);
$buffer = preg_replace( $search, $replace, $buffer );
return $buffer;
}
ob_start( 'sanitize_output' );
// Start cache tricks
if ( $cache === true ) :
$cachetime = 3600 * $cache_lifetime_hours;
if ( file_exists( $cachefile ) && time() - $cachetime < filemtime( $cachefile ) ) {
echo '';
include( sanitize_output( $cachefile ) );
exit;
}
ob_start();
endif;
// Content start
include('../src/index.php');
// End cache tricks
if ( $cache === true ) :
$fp = fopen( $cachefile, 'w' );
fwrite( $fp, sanitize_output( ob_get_contents() ) );
fclose( $fp );
ob_end_flush();
endif;
````