web の小ネタ
普段使っていても意外と知らない文字実体参照
A ´´ && '' B ¦¦ \\ C ¢¢ ˆˆ :: ,, @@ ©© D ↓↓ °° ÷÷ $$ ˙˙ E …
Bootstrap 3 でキリトリセンを作る （画像：1枚）
glyphicon のハサミを使った「切り取り線」。 ポイントは、ハサミをちょっと回転させて、背景色をつけること。 閑話休題ないし Cut the C**p といった用途に適しているかも知れない。 表示例 テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキ…
Bootstrap 3 でカードを作る （画像：1枚）
Bootstrap 4b のカードを真似てみるテスト <style>img:hover{opacity:0.5;}</style> panel-primary <div class="panel panel-primary" style="width:350px;"> <div class="panel-heading" style="padding:0;min-height:400px"> <…
色名だけのカラーパレット （画像：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 における交差できるものとできないものの一例。 ソース下では配下を改行としたが、テーブル上は斟酌しない。 であれば徒に削除するより、何ら属性を補った上で、何ら要素を上重ねるべき？ できる …
ニュースサイトで見かけた画像をCSSで起こすテスト
↓ ☻For the Record 三Spotify Announces New Hate Content and Hateful Conduct Public Policy ↓ <style> #test-wrapper { background: radial-gradient(circle at top right, mistyrose 50px, darkslateblue 500px); color: white; font: xx-large "Liberation Sans"; letter-spacin…