CSS

CSSでobject-fitを使わずに特定の縦横比に画像をトリミングする方法

CSSでobject-fitを使わずに特定の縦横比に画像をトリミングする方法

CSS初心者の方が「サイズがバラバラの写真をトリミングして縦横比を揃えて綺麗に表示したい」と思った時に、「CSS 画像トリミング…つづきを読む

游ゴシックがIEで上にずれる時のCSSでの対応方法

游ゴシックがIEで上にずれる時のCSSでの対応方法

游ゴシックって綺麗ですよね。このブログでも使用しています。ですが、游明朝も含む、游なんちゃら系のフォントをインターネットエクスプ…つづきを読む

埋め込みグーグルマップの縦横比を固定してレスポンシブ対応にする方法

埋め込みグーグルマップの縦横比を固定してレスポンシブ対応にする方法

お店や会社のアクセスマップをGoogleMapで設置するケースはとても多いと思います。個人で運営しているサイトでも、グーグルマッ…つづきを読む

CSSでセンタリングした複数行テキストの改行位置を揃えて綺麗に見せる方法

CSSでセンタリングした複数行テキストの改行位置を揃えて綺麗に見せる方法

レスポンシブデザインが主流の昨今ですが、CSSでセンタリングしたテキストの改行位置って悩ましいものです。そのままだと、最後の行が…つづきを読む


スマホで画像が一瞬だけ大きく表示されてしまう場合のCSS修正方法

スマホで画像が一瞬だけ大きく表示されてしまう場合のCSS修正方法

WordPressのテーマを使って作成している時によく起こる現象です。作成したページをスマホで見ると、アイキャッチ画像が一瞬ビヨ…つづきを読む

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages