web の小ネタ

色名だけのカラーパレット (画像:1枚)

background-color:whitesmoke;color:darkgraybackground-color:snow;color:rosybrownbackground-color:mistyrose;color:lightpinkbackground-color:seashell;color:rosybrownbackground-color:linen;color:rosybrownbackground-color:antiquewhite;color:burlywoodbackground-color:blanchedalmond;color:lightsalmonbackg…

colspan と rowspan のできる・できない

table タグの colspan と rowspan における交差できるものとできないものの一例。 ソース下では配下を改行としたが、テーブル上は斟酌しない。 であれば徒に削除するより、何ら属性を補った上で、何ら要素を上重ねるべき? できる …

Screenshot.jpg

Opera 12 で発生する img-fluid がレスポンシブにならない問題 (画像:1枚)

問題 display:flex の中では max-width:100%; が適用されず、width:100%; ならレスポンシブになるが小さい画像まで拡大表示されるため根本解決ではない。 解決 親要素に min-width: 0; を追加する。 参考リンクと参考画像

ジャンボトロンの背景色をグラデにしてアニメにする

@keyframes の background に linear-gradient が使えなかったので、.jumbotron を2つ作って重ねて上を透明にしたらできました。

【CSS用】数値実体参照変換

未だCSSのマルチバイト認識すらあれなOSやブラウザがあるやもしれず そもそんな環境下にあってこのスクリプトやサイトが動くとは限らず 入力 消去 出力 結果

日本語 URL のアクセスログをデコードする

URL には、アルファベットと一部記号しか使用してはならない決まりがあるため、日本語を使う場合にはパーセントエンコーディングする必要があるが、これをアクセスログで見ても、何のページか判別しがたいのでデコードする方法を模索してみた。 端末で nkf する パッケージマネージャから nkf をインストール アクセスログ…