web関連 - css

テキストにlinear-gradientで上から75%から90%部分だけ色をつけようとしたらchromeとfirefoxとsafariでは普通にcssが反映されるんだけどIE11でcssが反映されなかったので備忘録

webフォントを使っているサイトでフォントの読み込みにめちゃくちゃ時間がかかってサイトのテキスト部分が真っ白の状態が続いたので何かいい方法がないかどうか探していた時に見つけたので備忘録 結局使わなかったけどメモ

過去にjQueryを使ってタブの表示切替が実装できるやつを備忘録としてあげていたんだけど、cssだけでもできるとの事だったのでやってみた時の備忘録

「position:sticky;」を使うと親要素内でスクロールした時、子要素を追従させることができる。主にサイドバーを追従させる時などに使用し、CSSのみでスクロール追従のバナーを作成できたりする。 「position…

スマホでメニューボタンを押したら全画面でメニューが表示されるようにしたんだけど、スクロールすると後ろのコンテンツも動いちゃうんで調べた時の備忘録

背景画像をパララックスっぽくみせる「background-attachment:fixed;」なんだけどiphoneのsafariでは背景画像が固定されてパララックスっぽく見せられなかったので疑似クラス使って対応した時の備忘録

「overflow-x:scroll;」とか指定して横スクロールできるように組んだけどスマホ時にスクロールバーがでなくてスクロールできるんだかわかんなかったからcssでスクロールバーを作った時の備忘録

urlとかの（英語）文字が要素をはみ出すときに「word-wrap: break-word;」を使って改行していたけど「overflow-wrap: break-word;」も同じような効果らしくてどっちを使えばいいのかわからなかった時の備忘録

要素をopacityで隠してスクロールしたら要素がfadeInしてくるコンテンツ作ってたらieで要素が隠れなかった時の備忘録

親要素に収めていた子要素がデザインの変更で横にぶち抜かなくてはいけなくなりなんかいい方法ないかなと思って調べたらあったので備忘録