-
sassのバージョンが上がってめんどくさい(Dart Sass)
なんだよ名前空間って。typescriptかよ。そういう厳格なのはいらないんだよ。だからこそのHTMLまわりだろう。 ネストも変数も扱えるからもうSass使う必要なさそうだね。
-
外側と内側の角丸の見た目を整える
地味にデザインしててもめんどくさいって思っていたけど、ちゃんと論理的に調整できるのね。
-
position stickyがどうにもこうにもうまくいかないとき
どうもこのCSSは使い勝手が難しい。挙動するときとしない時の差が体感で分かりづらいイメージ。 今回は動かない理由がbody,htmlにかかっているoverflow-x:hiddenのせいだった。これがあるとなぜか動かない […]
-
アニメーションGIF、アニメーションPNGに次ぐ第三のアニメーション画像なのかな
AfterEffectが使える前提のアニメーションなんだけどとてもきれい。 https://liginc.co.jp/445055 jsonで読み込む必要あるけど上記サイトを参考にすれば何も難しいことは無し。
-
CSS Gridの中でSlickを利用すると画像がとんでもなく大きくはみ出る
ずっと避けてきたGrid。ついに着手。良く分からないけど参考サイトを見つつ column rowを設定してその中に各要素を収める設定完了。 こんな感じで各divに設定をいれていく。 良し完成と思いつつプレビュするとSli […]
-
VS CODEでCSSのプロパティの並び順を整える
いっつも感覚で書いてしまうのでバラバラな並び順のプロパティを自動で整形したいと思ってぐぐった。CSSCombってのがあるらしい ということでVSCODEにインストール そのまま使うと自分の理想通りのフォーマットにならない […]
-
VK All in one Expansion Unit を利用していて固定ページの保存がうまくいかないとき
とある瞬間から管理画面の固定ページの保存が完了しなくなる。 何だろうと思っていたが、原因はタイトルのプラグインのカスタムCSSの入力箇所でコメントアウトが入っていたから。 参考はこちら。 ExUnit⇒CSSカスタマイズ […]
-
tabのコーディングをするときにデザイン影付きにされて焦る
そういうときは親要素にかかっている影のCSSがbox-shadowになっているかチェック。 もしそうならば、IE11は切り捨てる方向になるがdrop-shadowにすれば子要素の形にあわせて影をつけてくれる。 ちなみにP […]
-
svgがどうやってもIE11でレスポンシブにならないで余白ばっかり増えちゃうよ
imgタグでsvgを設置。 width =”希望の幅” height=”auto” 基本はこれでOK でもIE11だと小さかったり大きかったり。 zeplinで書き出したサ […]
-
背景画像やグラデーションを簡単に文字でマスクできる
とあるサイトをみて初めて知りました。 利用するCSSは ・-webkit-background-clip:text; // これ設定しないとただ単に背景に画像やグラデがはいるだけ。 ・-webkit-text-fill- […]