Chen v4.0.0-alpha.4

紹介ページ

【変更点】

かなり小さい規模の変更となっています。

1. .navbar-brandをM+ cで表示するようにした。
2. line-heightを1.6にした。
3. フォント指定で**'Segoe UI Emoji'**を源真ゴシックの前に入れるようにした。
4. 源真ゴシックのライセンスを明示するようにした。
5. テキストボックス系input選択時のbox-shadowを復活させた。
6. Github Pagesを利用したcdnを作った。
   • 指定例:<link href="https://cdn.tmin.cf/chen/4.0.0-alpha.4/css/bootstrap.min.css" rel="stylesheet">
   • Readmeの雛形もCDNを利用するように誘導する。

【今後の展望】

• 多色展開。
  • "Satori"
    • ウェイト展開を Regular - Bold - Heavy にし、太めのデザインに。
    • 弱冠の色相の変更
      • 但しグレースケールの変更はない。
      • でも背景は薄い青になる。プアーな色にならないように。
  • "Koishi"
    • ウェイト展開を Thin[Extra Light] - Regular - Medium にし、細めのデザインに。
    • 弱冠の色相の変更
      • 但しグレースケールの変更はない。
      • でも背景は深緑になる。
  • 計画中で挫折する場合があります。ご了承ください。
  • たぶんそのうち全部がM+のやつが出てくる。
• npm→ないです gem→ないです
  • cdnをご利用ください。
  • bowerだって使えるようにしようとは思わなかったのに、npmなんて……

Chen v4.0.0-alpha.3

紹介ページへ

【変更点】

v4-alpha.6は変わらずに、何かと変更したような感じです。

1. グレースケールに関わる全ての修正
   • 枠線を#cccで統一してみた
   • いわゆる「老人向けモード」
2. M+ cとM+ pを両方同梱した。
   • 「1つ50KBだしなんとかなる」
   • 題h1…,h6をpで、それ以外の本文などをcで表示しています。
   • 補足:.text-font-mppまたは.text-font-mpcの付与で"M+ P"と"M+ C"の切り替えができます。
3. input要素の中身もウェブフォントで表示できるようにした

【今後の展望】

• 特になし

Chen v4.0.0-alpha.2

紹介ページ

【変更点】

• IEでcardがバグっていたように見えたがそんなことはなかった。
• v4-alpha.6ですよ！Honokaより早いけど。
  • fork元より早いとは何事と思われるかもしれません。
    • いやね？Animationが動かないと思ったらね？alpha.6の記述に変わってることに気づいたのよ。
    • だから急いで徹夜して書き上げました。
    • 該当部分は動きました。また、とりあえず一通り触りました。
  • alpha.6でなんかあったら聞いてください。
• 独自の修正
  1. リンク画像のhoverをちょっと工夫してみた
     • 紹介サイト見れば分かる
  2. hoverでeaseされる対象を増やした
     • v3に戻ると考えたほうがよろしいかと。
  3. AlertとList Groupの中のpタグのmarginを0に修正
  4. Secondaryカラーが真っ黒になった
     • 従来と同じSecondaryはSecondary Outlineで十分。
  5. Infoカラーがもとのbootstrapの少し淡い水色になった
• sample.pngを出せるようにdocs/sample.htmlを作った
  • 見つからないなら自分で作ればいいじゃない。
  • 下記作り方。
  • レスポンシブモードで800x420でスクショ撮る
    • 3倍モードにしておくときれいにできる
  • 1200x630に直す

【今後の展望】

• 正式版はいつになったら出て来るんだ……
  • alpha.6お疲れ様です
• 弱冠独自の修正が

↓ダウンロード 約14MB

Chen v4.0.0-alpha.1

Bootstrap v4.0.0-alpha.5 ベースに作り変えたものです。

• 本家"Honoka"とは違ってflexboxを有効にしてみたりしています。
• bootstrap3をお使いの方も、付属のREADME.mdをご一読ください。

v4-alpha紹介サイト:https://tamaina.github.io/Chen/v4-alpha.1/

↓ダウンロード

v3.9.10

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

紹介ページ→ https://tamaina.github.io/Chen/

デモページ→ https://tamaina.github.io/Chen/bootstrap.html

---

About "Chen"

通常のBootstrapでは、日本語のフォント指定や文字サイズは最適とはいえません。"Chen"のベースとなった"Honoka"は、そんなBootstrapをベースに、日本語表示に適したフォント指定や、文字サイズに関するコードを追記したBootstrapテーマの一つです。

"Chen"では、日本語JIS第2水準漢字まで対応のウェブフォントが付加されています。(英字フォントもちゃっかりM+ pに置き換わっています。)

きれいに日本語を表示したいけれど、游ゴシックが嫌いな方は、どうぞお使いください。

名前に意味は特にないです。そういう風潮だったので適当に東方Projectからキャラクターの名前を選んだだけです。

【変更点】v3.9.9→v3.9.10

• フォントを内蔵にした
  • 軽くなるか重くなるかは環境によって差が激しいと思う。少なくとも日本のサーバーなら軽くなる気がする。
    • 帯域制限があるサーバーを使ってる人には大変申し訳ないが......
    • なおgithub pagesからの読み込みはすこぶる速くなる模様。
    • cssの話ではない、フォントの読み込みの速さの話だ。
  • gruntfile.jsをいじるいいきっかけになったので、よかったとおもう。(小並感)
• 欧文をM+ c から M+ p へ
  • 実は最初cかpかを適当に決めていた。
    • ごめんなさい。
  • とりあえずM+欧文とNoto Sans Japaneseを合成するのがマイブーム。
  • Open Sans や Noto Sans より M+ のほうが良いだけだけど。
    • Rinをウェブフォント化する際はRobotoになるだろうけど......（後述）
• これ(Changes.md)を付けるようにした
  • 単に自分用に纏めてるだけです。
• Honokaファミリー大量増備
• 本家の風潮を読み取ってEnglish Demoを無くした
• キャッチコピーを少し変えてみた
  • 「日本語も」だとウェブフォント使ってる割に合わない......

【今後の展望】

• Honokaファミリーのウェブフォント化について
  1. 全部やるとなると、まずキャラ名が足りません。
     • 足りないというか、潰したくないっていうだけだけれども
     • 【大喜利】Frandre→Koishi,Rin→Kaenbyo,Nico→Kagerou,Umi→Satori,Alice→Marisa,Kochiya→Nitori
     • ラブライバーが部の先輩に居るからといって私がラブライブを知っているわけではない。
     • つまり私はラブライブを全く知らない。
     • 大丈夫、幻想郷の人ならいるから......
     • ☆某校の鉄研は多趣味です。
     • _他所でやりなさい_
     • 配色変更だけで新しく食い潰していくのもどうかと思っていますハイ
  2. なので、橙だけに留めます。
  3. bootstrapに留まらない一般化したウェブフォントパッケージを作りたいです。
     • というより、The Japanese Web Fontsが肥大化しすぎているだけ。
     • TJWFをこう云う風にコンパクトに纏めて、bowerやrailsに放出する方がかなり話が早い。
     • そうすればM+日本語フォントと選択できるよ!
• v4について
  • とりあえず、alphaが取れたら一旦出します。と言っておきます。
    • bootstrap.html(デモ)の更新はちょっと嫌だけど
    • と言いつつ多分今月中にalpha.1が出て来る。
    • Honokaは何故alpha.5にしなかったし
    • ☆以上よりv3.9.11より先にv4.0.0alpha.5が来ると予想される。
• sample.pngの出し方が未だにわからない

Chen v3.9.9

Honokaのforkです。

v3.3.7A → v3.3.7Ax → v3.9.9

• 本家"Honoka"でissueが立てられております通り、セマンティック・バージョニングが厄介だったためバージョンが最後になりました。v3.3.7-Axはその失敗作です。v3.3.7-Axとv3.9.9の内容に違いはありません。
• v3.3.7Aをプロトタイプとし、v3.9.9ではフルバージョンとして本家と同じく通常のsassからのビルドに戻っています。
• 内容物ではbower非対応と書いてありますが、今は対応しています。特設ページを御覧ください。

説明書きみたいな？

• "Honoka"は、日本語に最適化されたほぼプレーンなbootstrapのテーマです。
• 従って、**"Chen"**は、bootstrapに"The Japanese Web Fonts"を取り入れたものといえます。
• 以下のSource code(通常はzip)をダウンロードし、[css][fonts][js]をサーバーにアップロード若しくは既存のbootstrapと置き換えてください。
  • その他の情報につきましては、README.mdを御覧ください。

特設ページ？ https://tamaina.github.io/Chen/