Baccho Log

スマホとPCで画像を切り分けしたい場合が結構あります。 その際、imgタグで組む場合にdisplay: none;で切り替えたり、jsでsrcを変更したりやってきましたが、 スマートじゃないため調べたところ、srcset…

Edge @supports (-ms-ime-align:auto) { } IE @media all and (-ms-high-contrast: none){ } ※2018.09.13追記 上記の指定は、IE…

一行で三点リーダーを付ける際はこれでOKです p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 複数行の場合は、これで対応できます…

Safari もしくは Chrome のみ対象です。 主要ブラウザに対応させたい場合は、現時点ではjsで対応するしかなさそうです。 下記のコードは疑似要素で、スクロールバーの個々のパーツにあたります。 ::-webkit…

取り敢えずコードだけコピペ @font-face { font-family: “Yu Gothic”; src: local(“Yu Gothic Medium”); font-weight: 100; } @font…

概要 サイドバーを fixed させて、常に表示させたい。 ただし、元々サイドバーがある位置より上へは表示させたくない。 ▼参考サイト http://cinemakadokawa.jp/dvd.html やり方 jQue…

<div class=”sample”> <div> <input type=”radio” name=”radio-sample” id=”radio1″><label for…

概要 横に並べたり、リストを逆から並べたり、 テーブルレイアウトにしたり、レスポンシブに動かしたり…etc 今まで float: left とか display: table とか色々駆使して作成していたもの…

CSSメソッドについて 構文 $(セレクタ).css(‘cssプロパティ’, ‘値’); $(セレクタ).css({‘cssプロパティ’:’値’, ….., ‘cssプロパティN’:’値N’}); 使用方法 $(セレ…

テキストに影をつける text-shadow: 横方向 縦方向 ぼかし 影の色; Ex.1)右下に影をつける .list2 ul li a { text-shadow: 5px 5px 2px #00f; display…