GithubHelp home page GithubHelp logo

Honoka

Build Status by Travis CI Build status by AppVeyor devDependency Status The MIT License npm Join the chat at https://gitter.im/bootstrap-honoka/Lobby

http://honokak.osaka/

Honoka

"Honoka" は日本語も美しく表示できる Bootstrap テーマです。

About "Honoka"

通常の Bootstrap では、日本語の表示が最適であるとはいえません。 "Honoka" では Bootstrap をベースに、日本語表示に適したフォントの指定や、ウェイトに関するコードを追記した Bootstrap テーマです。

Live Demo

Getting Started

Download

Releases ページから最新版をダウンロードしてください。

npm

Node.js のパッケージ管理システムである、 npm公開されていますwebpack など、npmを利用したmodule bundlerでご利用ください。

npm install --save bootstrap-honoka

パッケージ名の先頭に bootstrap- があることに注意してください。

Bower

Bower からインストールすることができます。

最新版をインストールするには以下のコマンドを実行してください。

bower install --save-dev $(node -e "$(curl -fsSL https://cdn.honokak.osaka/last.js)" windyakin Honoka)

もしcURLが入っていない環境の場合には、

bower install --save-dev Honoka#(version)

(version) には Honoka のバージョン番号を指定します(ex. Honoka#3.3.5-c)。 Honoka の最新バージョン番号は Releases ページから確認してください。

Usage

Honoka は Bootstrap のテーマにしか過ぎないため、基本的な使い方は Bootstrap と変わりません。 Bootstrap のスタイルシートの読み込みを Honoka のスタイルシートに置き換えることで動作します。また JavaScript のコードは変更されていないので、 Bootstrap のものを使っても問題ありません。

そのほか Bootstrap の機能の詳細については Bootstrap のドキュメント を参照してください。

Package

配布している ZIP ファイルの内容物は以下のとおりです。 bootstrap.min.css といったように、ファイル名に min がついているファイルは、改行やインデント・スペーシングをなくした(minifyされた)コードで、ユーザがウェブページを読み込む際の転送量を少なくすることができます。通常はこの bootstrap.min.* を使うことをおすすめします。

honoka/
├─ LICENSE
├─ README.md
├─ bootstrap.html
├─ css/
│  ├─ bootstrap.css
│  └─ bootstrap.min.css
└─ js/
    ├─ bootstrap.bundle.js
    ├─ bootstrap.bundle.min.js
    ├─ bootstrap.js
    └─ bootstrap.min.js

Build

ビルドの方法については Wiki をご覧ください。

License

MIT License

Author

retoruto-carry's Projects

charlotte icon charlotte

シェアハウスの鍵をICカードで開けるサービスの管理画面 サーバー側

charlotte-client icon charlotte-client

シェアハウスの鍵をICカードで開けるサービスの管理画面 クライアント側

cooking-client icon cooking-client

クックパッドのインターンのハッカソンで作ったプロトタイプ クライアント側

covid19 icon covid19

大分県 新型コロナウイルス感染症対策サイト / Oita COVID-19 Task Force website

laradock-starter-kit icon laradock-starter-kit

envファイルの管理をシェルスクリプトで書いて、簡単にlardock環境をつくれるようにした

og-image-read-more icon og-image-read-more

Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc

ogp-generator icon ogp-generator

背景画像とタイトルを指定して、いい感じのOGP画像を生成する

onsen icon onsen

温泉合宿で一日で作ったゴミみたいなアプリ にゃーんを送れるページが作れるサービス

portfolio icon portfolio

れとるときゃりーのポートフォリオ - made with nuxt.js&bulma

shindan icon shindan

あなたのねこ度がわかるボタンとか

warikan icon warikan

monaca/coldova/vue.js/onsen.uiで書いた割り勘アプリプロトタイプ(飽きてやめた)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.