レスポンシブWebデザイン、CSSフレームワークなど、Webフロントエンド開発に関するBLOGです。
※SYMMETRIC公式BLOGと統合し、ブログ名称を変更しました

2020年1月

サイドバー内のコンテンツをスマホに配置するための3つの方法

 PCサイトが2カラムレイアウトの場合、スマホサイトではサイドバーをどの位置に配置すればよいでしょうか?この記事では、レスポンシブでサイドバーをレイアウトするための代表的な3つの配置方法について、HTML・CSSを使った具体的なやり方とメリット・デメリットを含めて解説します。

JavaScriptでスマホ判定する2つの方法

NO IMAGE

 Webページを閲覧しているデバイスがスマホかどうかをJavaScriptで判定するには、様々な方法があります。UserAgent文字列から判定するのが代表的な方法ですが、ブラウザサイズから判定する方法や、デバイス判定ライブラリを使う方法もあります。 しかしながら、UserAgentはOSやブラウザの …

Page Top