CSS

どうも、くまだです。 今まで当ブログで掲載したいくつかの記事を簡単にまとめました。基本的に案件で使っ […]

どうも、くまだです。 ネタが浮かばないので、また案件で使ったものを。 今回は要素を円形に並べる感じの […]

どうも、くまだです。 ネタが無いのでまたしても案件で使ったモノを書きます。 今回は、クリックしたら背 […]

横に流れる演出のテキストアニメーション

どうも、くまだです。 Web制作のコンテンツ作成で、画像を配置することはよくあることです。その画像は […]

画像のアスペクト比を維持して、画像サイズが変わったとしてもレイアウトを崩すことなく出力させたいときに使えるネタです。

とある案件で、例えばブログの記事タイトルや本文の抜粋が2行以上になったら文の末尾に、… をつけるというCSSのやり方を最近知りました。

レスポンシブする際に、それぞれメディアクエリあててスタイルしていくと思うんですけど、見出し関係も同様にブレイクポイントごとにスタイルしていきますが、もっと楽な方法はないもんかと。

私は、コーディングをする時、基本的にSassを使っています。 VSCodeの拡張機能やGulpなどを使ってコンパイルして使用しています。 ですが、とある案件を通して、Sassを使わず一周に回ってCSS で書くのもアリかも、ということがありました。

Web制作でよく使う言語の一つに、Sass（サス）というのがあります。ファイルを読み込むのによくつかっていた@importが2022年10月ごろにサポート終了ということで、それへの対応をしなければなりません。そこで使うのがDart-Sassというもので、@importの代わりに別のものを使用して2022年10月までに備えておきます。