WordCamp Tokyo 2016 Design Team’s Showcase Site on GitHub
CSS HTML JavaScript Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bin
docs
gulp
src
.editorconfig
.eslintrc.json
.gitignore
LICENSE
README.md
gulpfile.babel.js
package.json
setting.json

README.md

Design Archives

Design Archives is GitHub repository list of the organization WordCamp Tokyo 2016.

Requires

Setup your project

You don't need to install gulp globaly.

  1. Install some dependencies.

    $ cd path/to/directory ; npm install
    
  2. Run gulp.

    // proxy mode
    $ npm run gulp
    
    // server-mode for static websites
    $ npm run gulp-server
    

Options

Foundation

You can install Foundation and initialize if you need.

$ npm run install foundation

iconfont

You can install iconfont and initialize if you need.

$ npm run install iconfont

Autoprefixer

You'd like to autoprefix specific browsers, edit below this line in ./gulp/config.js.

'autoprefix'       : ['last 2 versions'],

proxy

If you like to run gulp with proxy mode, edit below this line in ./gulp/config.js.

'proxy'            : 'localhost',

File structure

Basically source file placed in src/. It passed to docs/ as destination through some gulp tasks.

.
├── LICENSE.md
├── README.md
├── docs
│   └── index.html
├── bin
│   ├── foundation.sh
│   ├── iconfont.sh
│   └── zip.sh
├── gulp
│   ├── bundlejs.js
│   ├── config.js
│   ├── image.js
│   ├── jade.js
│   └── tasks.js
├── gulpfile.babel.js
├── ja-README.md
├── package.json
├── setting.json
├── src
│   ├── images
│   │   ├── sprite
│   │   └── sprite-svg
│   ├── jade
│   │   ├── inc
│   │   │   ├── core
│   │   │   │   ├── _base.jade
│   │   │   │   ├── _config.jade
│   │   │   │   └── _mixins.jade
│   │   │   ├── layouts
│   │   │   │   ├── _footer.jade
│   │   │   │   └── _header.jade
│   │   │   └── modules
│   │   │       └── _buttons.jade
│   │   └── index.jade
│   ├── js
│   │   ├── app
│   │   │   └── script.js
│   │   └── lib
│   │       └── jquery.js
│   └── scss
│       ├── app.scss
│       ├── core
│       │   ├── _config.scss
│       │   ├── _default.scss
│       │   ├── _font-awesome.scss
│       │   ├── _fonts.scss
│       │   ├── _foundation.scss
│       │   ├── _functions.scss
│       │   ├── _mixins.scss
│       │   ├── _placeholder.scss
│       │   ├── _settings.scss
│       │   └── _sprite.scss
│       ├── layouts
│       │   ├── _footer.scss
│       │   ├── _header.scss
│       │   └── _layout.scss
│       ├── modules
│       │   └── _buttons.scss
│       └── styles
│           └── _features.scss
└── style.css