スタイルシートアーカイブ

【Windows】インストールした筈のフォントをCSSのfont-faceで指定してもローカルから読み込まれなくて悩む。

  • 投稿:
さて、Noto Sans JP という日本語フリーフォントがあります。 → Noto Sans Japanese - Google Fonts 個人的にはなかなか読みやすいフォントだと思うので、自作の…

jQuery要らずでスクロールバーをカスタマイズするJavaScriptライブラリ・"perfect-scrollbar"。

  • 投稿:
「スクロールバーをカスタマイズしたい」という需要は結構多い筈なのだけれど、お手軽にちょいちょいとする方法はなかなか無い。そろそろスタイルシートでガシガシできるような仕様にならないのかなぁ…と思いつつ、…

スタイルシートで矢印を描く。

  • 投稿:
.cssArrow_l{ display: inline-block; position: relative; box-sizing: border-box; margin: 0; pad…

ウェブブラウザで実際に表示に使用されているフォント名を調べる。

  • 投稿:
ウェブページ上のテキストをどのフォントで表示するか、というのはスタイルシートの font-family プロパティで設定できます。 ただ、この font-family の指定、いろいろややこしかったり…

position: fixed でヘッダ固定するとアンカーがズレる。直す。

  • 投稿:
ウェブページを作るときにヘッダをページ上部に固定表示すると、リンクをクリックしてページ内アンカーへ飛んだとき、位置がヘッダの高さぶんズレる、という話。 例えば以下のようなページソースとスタイルシート。…

ruby表示を改善する JavaScript。

  • 投稿:
  • / 更新:
【2015.02.07 追記】  この記事は大変古くなっています。  新しい情報を → こちら・ruby_enabler2.js でチェックできます。 [2015.01.25 追記] Firefox…

rubyタグ・ルビ表示を巡る問題を解消する。

  • 投稿:
  • / 更新:
縦書きJavaScript・h2v.js をルビ表示対応にしたときにいろいろ嵌(はま)ったので、Webページで「ルビ」を使用する時の問題点・注意点などをメモメモ。現状(げんじょう)、どのように HTM…

htmlの色表記を「RGB」-「16進」-「色名」相互に変換する。

  • 投稿:
  • / 更新:
新しくページの色使いを考えるときに、毎度毎度コレをするためにウェブをうろうろして時間を費やしてしまうので作ってみた。 → Webカラー RGB - 16進 - 色名 相互変換。|freefieilde…

iPhoneの Safari で checkbox をデカく表示する。

  • 投稿:
チェックボックス、いわゆる ←これなのですが、こいつのサイズを変更したい。フォントサイズを大きめに設定していると、checkboxのサイズと文字サイズがアンバランスになってしまいます。手許の Fir…

CSS3の3D transform、三次元回転やperspectiveの実装状況は?

  • 投稿:
さて、ブラウザに完全実装された暁にはいろいろ面白い視覚効果を試せそうな 3D の変形プロパティ。公式のデベロッパーサイトや解説サイトを巡ってみても、何がどこまで実際に使えるのか、結局どういう書式でCS…