タグ「CSS」が付けられているもの
さて、前々回：ウェブページをダークモード対応にする。 そして 前回：ウェブページのダークモード化。画像が目立ちすぎるので何とかする。 で、OSがダークモード/ダークテーマに設定されている場合に、ダーク…
さて、前回の記事：ウェブページをダークモード対応にする。 で書いた方法で、このブログページをダークモード対応にしてみました。 主に文字色と背景色を調整したのですが、背景を暗くするとSNSのシェアアイコ…
さて最近は、OS（またはブラウザ）でダークモード/ダークテーマが使用されていると、それに応じでダークな感じのウェブページを表示してくれるサイトが増えています。 個人的には、この挙動はとても好ましいと思…
.cssArrow_l{ display: inline-block; position: relative; box-sizing: border-box; margin: 0; pad…
ウェブページを作るときにヘッダをページ上部に固定表示すると、リンクをクリックしてページ内アンカーへ飛んだとき、位置がヘッダの高さぶんズレる、という話。 例えば以下のようなページソースとスタイルシート。…
ウェブページで縦書きレイアウトを実現する JavaScript・h2vR.js および h2v.js です。 最新版の Google Chrome および、レンダリングエンジンに Blink を採用し…
遥か昔、…じゃなくてほぼ4年前に『CSS と JavaScript でスターウォーズのオープニングを再現するウェブアプリ - iSW』というのを作っていたのです。 → iSW 再生ページ（Chrom…
どうやら自分の中でも用語が混乱しているようなので、私見も含めてまとめておきます。『日本語の横書き文書』を整形するときの話です。 『両端揃え』というのは、一般的にはこういう処理。 言葉で説明すると、 【…
さて、縦書き変換JavaScript・h2v.jsのバージョン3.3.0です。 → h2v.js - ダウンロード - tategaki.infoスタイルシートの text-alignプロパティに j…
HTMLでファイルの選択ダイアログを表示させるための INPUT 要素です。<input type="file" />この部品は、各ブラウザで大体こんなふうに表示されます。OSに依っても多…
前回導きだした、「現行のすべてのOSでいちおう安全な font-family 設定：ゴシック版」を使って、縦書き字形がブラウザ上できちんと表示されるかどうか確かめてみます。 括弧たち ： ユニコード：…
チェックボックス、いわゆる ←これなのですが、こいつのサイズを変更したい。フォントサイズを大きめに設定していると、checkboxのサイズと文字サイズがアンバランスになってしまいます。手許の Fir…
こないだ作った、スターウォーズのイントロをスタイルシートとJavaScriptで完全再現する iSW というWebアプリ。くわしくは → コチラからどうぞ…なのですが、この『STAR WARS』のタイ…
iSWは、映画『STAR WARS』のオープニングシーケンスを弄って遊ぶためのWebアプリケーションです。いちおう iPhone 向けに作ってみたけれど、最新版の WebKit 系ブラウザ（Chrom…
さて、ブラウザに完全実装された暁にはいろいろ面白い視覚効果を試せそうな 3D の変形プロパティ。公式のデベロッパーサイトや解説サイトを巡ってみても、何がどこまで実際に使えるのか、結局どういう書式でCS…
ええと、 divやらspanやらに表示フォントサイズを指定してやるでしょ。 iPhoneのSafari（以下MobileSafari）から、そのページにアクセスするでしょ。 JavaScriptで、フ…
作ってみた。ここから下の本文が縦書きで表示されている筈。IE 7以前のバージョンや、携帯・スマートフォンブラウザで閲覧している人、その他レイアウトがズレているときは、↓この辺に表示されている「縦→横切…
縦書き用スタイルシート、久しぶりに弄っていたら不具合発見。 Operaの一部のバージョンで、transform が効かない。このスタイルシートでは、括弧や長音記号などを 横書き → 縦書き に変換する…
さてさて、IE9の日本正式リリースから1ヶ月。どのくらい使われているのか、ウチのサイトのアクセスログを覗いてみましょう。まずはWindowsユーザが、どのブラウザを使ってアクセスして来たのかチェック。…
スタイルシートだけで画像にさまざまな効果をプラスしてみる。その1。スタイルシートだけで画像にさまざまな効果をプラスしてみる。その2。 ということで今回は、iTunesなどでお馴染みのcoverflo…