日本語Webサイトを意識したモダンリセットCSS「kiso.css」をリリースしました – TAKLOG

kiso.css - 日本のWebサイトのための「基礎」となるリセットCSS kiso.css は、日本のWebサイトのための「基礎」となるリセットCSSです。日本語に最適化しつつ、アクセシビリティやカスタマイズのし易さを重視しています。 tak-dcxi.github.io kiso.cssは、単なるスタイルのリセットを超えて「より良いデフォルト」を提供することを目指したリセットCSSです。その名が示すように、Webサイト構築の「基礎」として機能します。 有用なUAスタイルシートは活かしつつ、独自のスタイルも追加しているため、厳密には「リセットCSS」の定義から外れるかもしれません。しかし、類似のCSSが一般的に「リセットCSS」として紹介されている現状を踏まえ、検索性を考慮して本記事でもそのように呼称します。 kiso.cssはdestyle.cssやUA+を参考にしつつ、独自性も加え

[securecat]

日本語における強調は太字は実にweb的(コンピュータ的)な解釈で、本来は傍線(下線)か傍点なんですよね。。しかし傍線はリンクと紛らわしいので、そうなると傍点こそなんだけども、行ボックスとの相性が悪いという。

[mushus]

使うかどうかに関わらずどんなCSSが日本語環境で設定されてるといいか勉強になりそう

[tjmschk]

>list-style: noneが指定された<ul>や<ol>を、SafariとVoiceOverの組み合わせでは「リスト」として認識しない仕様 知らなかった

[kibitaki]

リセットcss界隈は「生きとったんかワレ」な気分になる。なんであそこは元々バッドノウハウ言われてたもんがRFCに取り込まれたり、実装違いが叩かれもせずリセットで今ドキ！再発明で落ち着いてるのか謎。昔は狂暴す

[flirt774]

"、例えばハンバーガーメニューのボタンをうっかりダブルタップした際に画面が拡大されてハゲそうになります" 笑った。とても共感します

[kyaido]

“text-autospace”

[shingo-sasaki-0529]

個々の説明が丁寧で学びがある。text-spacing-trim や text-autospace は良く知らなかったけど、便利になったもんだ。

[lli]

解説が参考になる。画像あると嬉しいな〜

[bujyutukaname]

web資料

[Caligari]

木曾だキソ～

[nappy1120]

画像くれ

[sabinezu]

“日本語のWebサイトで使用する際には追加の調整が必要になることが少なくありません。”それでいいんじゃないの？リセットは純粋にリセットすれば良いと思ってる。英語版作る可能性が狭められる感。

[FreeCatWork]

kiso.css、サイトが綺麗になる魔法かにゃ？ボクもフミフミしたくなっちゃうにゃ！

[ultimatebreak]

この人ガチで助かる

[lost_and_found]

いいね

[sigwyg]

記事にスクショがあればなー

[akiramaz]

「基礎」て全然日本語らしい響きじゃないのがもったいないな。まあ名称なんてなんでも良いのだろうけど。

[PerolineLuv]

モバイルsafariで見たら、スクロール時にガッタガタの動きになってめちゃ見にくいのは、自分だけかな？

[miyasakura]

勉強になる

[masa8aurum]

“日本語Webサイトを意識したモダンリセットCSS「kiso.css」”

[mayumayu_nimolove]

tailwinderになってから全くこういう情報追わなくなったな…。(実は追ってる)

[kwsktr]

とても良いと思う。脳死でreset.css使い続ける同僚に100回読ませたい。

[tofu-kun]

勉強になる

[gomaberry]

https://cdn.jsdelivr.net/npm/kiso.css@latest/kiso.css