CSS│株式会社シーポイントラボ

【CSS】iOSで画面を滑らかにスクロールさせる方法

iOSの端末で縦に長い画面をスクロールさせた時に、慣性スクロールが効かず、途中でつっかえるような、ぎこちない動きになってしまったときの対処法です。と言っても対処法というほど難しい […]

タイトルだけだとわかりにくいですが…要するに下の画像のように表示する方法です。こちらは先日上司に、「これをやりたいんだけど方法を知ってる？」と聞かれて調べたのがきっかけです。が […]

テーブルで表を作成するとき、覚えておくと便利そうなスタイルが table-layout というプロパティです。先日初めて使いましたが、このプロパティを適用すると、テーブルのセルの […]

今回は久しぶりにスタイルシートについての記事です。 Chromeとかでは問題ないのに、IEで閲覧した時だけ、ここのアイコンの位置がずれる…ってことあるかと思います。そういったとき […]

ある要素内のテキストや画像などを縦方向の位置を指定するときに便利な「vertical-align」プロパティですが、時折聞かないことがあるそう。私もこの現象に遭遇したので、備忘録 […]

吹き出しのデザインを実装する場合、背景画像に吹き出しの画像を適用するという方法もありますが、CSSで実装したほうがレイアウトの融通も利くので楽！ということで、今回は吹き出しのデザ […]

<img>タグで画像を表示させるときに、少し大きめの画像を読み込むときに時間がかかることがあるかと思います。その際にローディング画像を表示させる方法についてです。今 […]

アプリなどでは、クリック時にボタンの色やカードビューの色が変わって、クリック中、もしくはクリックしたことが分かるようになりますが、今回はそれをCSSで実現する方法についてです。 C […]

今日、偶然に見つけて便利そうだったので、簡単にではありますがまとめてみました。「CSS変数」「カスタムプロパティ」「CSS Variables」と呼ばれているもので、CSSで変数 […]

CSSで要素を非表示にするときに使われる、「display:none」と「visibility:hidden」の違いについて。最初のころはよく間違えたので、戒めも込めてまとめ。 […]

要素を右側、もしくは左側に寄せるとき良く使われる「float」ですが、今回はこれの解除の方法について。 CSSを勉強したての頃は、回り込みをしたい要素の下の要素に影響して表示が崩れ […]

画像を扱う際に、任意の大きさでトリミングしたい場合があるかと思います。その時に便利なプロパティが「object-fit」です。これを使えば、画像のトリミングがたった一行でできて […]