Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Sep 15 2020 11:22

    windyakin on support_v4.4.1

    :arrow_up: v4.4.1 にアップデートする Bump up to v4.4.1 (compare)

  • Sep 09 2020 12:07

    windyakin on v4.4.0

    (compare)

  • Sep 09 2020 12:04

    windyakin on support_v4.4.0

    (compare)

  • Sep 09 2020 12:04

    windyakin on master

    Bootstrapのv4.4.0のパッチを当てる サンプルを更新する Merge pull request #64 from win… (compare)

  • Sep 09 2020 12:04
    windyakin closed #64
  • Sep 09 2020 11:59
    windyakin commented #64
  • Sep 09 2020 11:51
    windyakin synchronize #64
  • Sep 09 2020 11:51

    windyakin on support_v4.4.0

    サンプルを更新する (compare)

  • Sep 07 2020 12:04
    windyakin opened #64
  • Sep 07 2020 12:02

    windyakin on support_v4.4.0

    Bootstrapのv4.4.0のパッチを当てる (compare)

  • Sep 05 2020 15:36
    windyakin closed #50
  • Sep 05 2020 15:36

    windyakin on master

    Dockerコンテナ上でビルドする :rocket: Update eslint packages :rocket: Update stylelint packa… and 8 more (compare)

  • Sep 05 2020 15:36
    windyakin closed #63
  • Sep 05 2020 15:35
    windyakin synchronize #63
  • Sep 05 2020 15:35

    windyakin on update_packages

    GitHub ActionsでCIをする :arrow_down: eslintのairbnbテンプレは… (compare)

  • Sep 03 2020 11:33
    windyakin synchronize #63
  • Sep 03 2020 11:33

    windyakin on update_packages

    試し :arrow_down: eslintのairbnbテンプレは… (compare)

  • Sep 03 2020 11:31

    windyakin on add_github_actions

    :arrow_down: eslintのairbnbテンプレは… (compare)

  • Aug 26 2020 12:53

    windyakin on add_github_actions

    試し (compare)

  • Aug 26 2020 12:50

    windyakin on add_github_actions

    (compare)

Takuto Kanzaki
@windyakin
Fight dayo!
Takuto Kanzaki
@windyakin
bootstrap-ja.html の更新が大変だなあと思っています(特にネタを仕込むあたり)
Hagihara Ryosuke
@raryosu
ネタを仕込む
Takuto Kanzaki
@windyakin
日本語の表示テストも兼ねているので、ラ!の文言がところどころに入ってるんですけど、それの差分とか考えたりするの大変だなぁと
これが背景色から文字色を黒にするか白にするか判断するコードなんですが
あんまりいい感じにならない
スクリーンショット 2018-03-21 20.52.59.png
スクリーンショット 2018-03-21 16.19.57.png
「お前黒かよー!!」みたいなところ多い
$yiq-contrasted-threshold って変数が鍵っぽいんですけど、本家と対してカラーリング変えてないのに変えていいのかみたいな疑問がある
というかどういう経緯でこの値になったのかも気にはなる
Takuto Kanzaki
@windyakin
どこからどこまでの色が白になってどこから黒なのかみたいなのってグラフ化できないんですかね
Hagihara Ryosuke
@raryosu
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss#L52-L64
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;$yiq-contrasted-threshold (=150) 以下となる色の範囲を可視化するってことですよね
なんか,感覚としてはわかるけれど,どうビジュアライズするんだというイメージがそもそもつかめない
SAKATA Sinji
@ysakasin
Material Designの規則でも同じようなことをやってた気がするので、そっちをとっかかりに調べられそうな気もする
Legibility
Text that appears on colored backgrounds should be legible and meet accessibility standards. Both backgrounds and text must use colors and opacities that, when used together, meet these standards. The Web Content Accessibility Guidelines (WCAG 2.0) level AA requires a contrast ratio of 4.5:1 for normal text and a 3:1 ratio for large text.
Takuto Kanzaki
@windyakin
なるほどなるほど 計算してるのは明度なのか
Takuto Kanzaki
@windyakin
明度がしきい値を超える(しきい値より明るい)と黒色になってそれより低いと白色になるってことね 完全に理解した
SAKATA Sinji
@ysakasin
こういうissueがあって $yiq-contrasted-threshold が変数化されたようなので、カスタマイズしている以上変えてしまってもいいのではないかと
twbs/bootstrap#24865
Takuto Kanzaki
@windyakin
全知サカシン
SAKATA Sinji
@ysakasin
「何でもは知らないわよ。Google検索で出てくることだけ」
Takuto Kanzaki
@windyakin
そうそう OGP用のスクショ取るやつ自動化しようとして Puppeteer 使って取るやつ作ったの忘れてた
Hagihara Ryosuke
@raryosu
アーハン
Takuto Kanzaki
@windyakin
security警告周り、調べれば調べるほどわからん
Takuto Kanzaki
@windyakin
v4.1.0 リリースした
というか今思い出したんですけど Wiki がバグってるし古いしで直さないといけない
Takuto Kanzaki
@windyakin
v4.1.1 から Monospaceのフォント指定が追加されてるっぽいんですけど
日本語フォントでシステム標準のMonospaceフォントでいい感じのフォントが思い浮かばなかったので一旦放置していますが
Takuto Kanzaki
@windyakin
npm パッケージ依存で表示されてたセキュリティ警告消えた わっしょい