スタイルシートアーカイブ
さて、Noto Sans JP という日本語フリーフォントがあります。 → Noto Sans Japanese - Google Fonts 個人的にはなかなか読みやすいフォントだと思うので、自作の…
「スクロールバーをカスタマイズしたい」という需要は結構多い筈なのだけれど、お手軽にちょいちょいとする方法はなかなか無い。そろそろスタイルシートでガシガシできるような仕様にならないのかなぁ…と思いつつ、…
.cssArrow_l{ display: inline-block; position: relative; box-sizing: border-box; margin: 0; pad…
ウェブページ上のテキストをどのフォントで表示するか、というのはスタイルシートの font-family プロパティで設定できます。 ただ、この font-family の指定、いろいろややこしかったり…
ウェブページを作るときにヘッダをページ上部に固定表示すると、リンクをクリックしてページ内アンカーへ飛んだとき、位置がヘッダの高さぶんズレる、という話。 例えば以下のようなページソースとスタイルシート。…
【2015.02.07 追記】 この記事は大変古くなっています。 新しい情報を → こちら・ruby_enabler2.js でチェックできます。 [2015.01.25 追記] Firefox…
縦書きJavaScript・h2v.js をルビ表示対応にしたときにいろいろ嵌(はま)ったので、Webページで「ルビ」を使用する時の問題点・注意点などをメモメモ。現状(げんじょう)、どのように HTM…
新しくページの色使いを考えるときに、毎度毎度コレをするためにウェブをうろうろして時間を費やしてしまうので作ってみた。 → Webカラー RGB - 16進 - 色名 相互変換。｜freefieilde…
チェックボックス、いわゆる ←これなのですが、こいつのサイズを変更したい。フォントサイズを大きめに設定していると、checkboxのサイズと文字サイズがアンバランスになってしまいます。手許の Fir…
さて、ブラウザに完全実装された暁にはいろいろ面白い視覚効果を試せそうな 3D の変形プロパティ。公式のデベロッパーサイトや解説サイトを巡ってみても、何がどこまで実際に使えるのか、結局どういう書式でCS…