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

Shintaro EGASHIRA

WordPressのSEO対策8選

 WordPressでのSEO対策は、SEOプラグインを入れるだけで終わりではありません。WordPressの標準機能・テーマ・プラグインを適切に組み合わせて使うことと、各記事ごとにタイトルやディスクリプション・見出しを設定することが大切になります。 この記事では、WordPressでSEOを強化する …

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

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

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

NO IMAGE

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

Datepickerを日本語化/祝日対応/スマホ対応する

 jQuery UIのDatepickerは、日付をカレンダー表示できるウィジェットです。フォームで日付を入力するときに大活躍するのですが、いざ使ってみると「日本語化」「祝日表示」「スマホ対応」をどうすればよいか、悩むことになります。 そこで今回は、jQuery UI の DatePicker ウィジ …

スマホのCookieを特定サイトだけ削除する方法

NO IMAGE

 Cookieを使うWebサイトをテストするとき、特定サイトのCookieだけクリアしたいときがあります。 「すべてのCookieをクリアする」という手順はすぐにわかるのですが、特定サイトのCookieを削除する方法、特にスマホブラウザで行う方法についての情報は多くありません。 そこで、今回はスマホの …

attachEvent 関数をスマホで動作させるには?

 業務システムがiPadで見れない!? 社内業務システムなどIEをターゲットとしたWebサイトをスマホで見ると、JavaScriptエラーが発生してサイトが正しく動作しないことがあります。PCの場合なら「IEを互換モードで使用する」といった回避策がありますが、AndroidやiPhone/iPadの場 …

Page Top