要素の幅でレスポンシブ対応を行える！ コンテナークエリーの使い方 - ICS MEDIA

2024/06/21 15 users ビューポート Container Media CSS 手法

コンテナークエリー（@container）は、CSSの新しいアットルールです。従来のメディアクエリー（@media）とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート（ブラウザ幅）を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。... 続きを読む

ユーザビリティを考慮するためのタブレットファーストという考え方 – YATのblog

2018/09/28 42 users YAT タブレットサイズ ユーザビリティ Blog モバイル

近年スマートフォンでWebサイトを閲覧・利用する人が増え、制作現場ではモバイルのユーザビリティに着目したモバイルファーストが広く認知されました。 Webサイト制作ではレスポンシブウェブデザインが浸透しているため、スマートフォン向けのデザインをベースにタブレットサイズ、PCサイズにそれぞれ調整しながら最適化... 続きを読む

Googleが「Google認定モバイルWebスペシャリスト」の試験を開始。モバイル対応Webアプリの開発者に求められるスキルを認定 － Publickey

2017/09/06 43 users Publickey モバイル Webアプリケーション 発展

Googleが「Google認定モバイルWebスペシャリスト」の試験を開始。モバイル対応Webアプリの開発者に求められるスキルを認定 Googleは以前からモバイル対応Webの発展に力を入れてきました。Webデザインではモバイルに対応したレスポンシブウェブデザインを推奨し、Webアプリケーションではオフラインにも対応したプログレッシブWebアプリを推し進めようとしており、また検索ではモバイル優先の... 続きを読む

レスポンシブサイト制作に効く デザインTipsあれこれ

2015/11/12 84 users レスポ Photoshop グロ サイン 黒野明子

レスポンシブサイト制作に効く デザインTipsあれこれ 1. レスポンシブサイト制作に効く デザインTipsあれこれ 20151111 / Best of MAX crema design 黒野明子 2. 黒野明子　 crema design くれまでざいん くろのあきこ 3. 書籍 連載 4. 本日の流れ ● レスポンシブウェブデザインとは？ ● Photoshop でのレイアウトデモ ... 続きを読む

スマートフォン向けサイトの移行には302ではなく301を使うようにGoogleがガイドライン変更 | 海外SEO情報ブログ

2014/09/08 32 users 移行 ガイドライン変更 Google 海外SEO情報ブログ

[対象: 中〜上級]Googleは、URL変更を伴うモバイル向けサイトの移行には301リダイレクトではなく302リダイレクトを利用するように公式ドキュメントで明文化していました。 間違いなく302リダイレクトであることをGoogleの社員も明言しています。ところが現在は301リダイレクトを使用するようにガイドラインを変更しています。レスポンシブウェブデザインと動的配信への移行には301リダイレクト... 続きを読む

レスポンシブなサイトを一発でデバイス確認できる便利ウェブサービス | あなたのスイッチを押すブログ

2014/06/19 106 users デバイス スイッチ ウインドウサイズ 一発 あなた

最近、レスポンシブウェブデザインのサイトも増えてきましたね。このブログもレスポンシブ対応していて、色んなデバイスで閲覧できるようになっています。 ただ、制作会社のディレクターとしては、作ったレスポンシブのページをデバイス確認するのが非常に面倒なのです。 PCのウェブブラウザのウインドウサイズを伸び縮みさせてもいいのですが、それでは “どのデバイスで、どんな風に見えているか” が分からない。サイズ感... 続きを読む

レスポンシブウェブデザインへの変更時には302リダイレクトを使う、301ではない from #SMX Advanced 2014 | 海外SEO情報ブログ

2014/06/16 60 users SMX Advanced ドキュメント from サーバー

レスポンシブウェブデザインまたは動的配信への変更にともない、モバイル向けサイト用に割り当てていた別URLを、PC向けサイトと統一したURLに変更する場合は302リダイレクトを利用します。301リダイレクトではありません。ドキュメントどおり302が正しいGoogleは、スマートフォン向けサイトの移転の注意事項を解説したドキュメントを先日公開しました。そのなかで、次のように説明しています。サーバー サ... 続きを読む

「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @maskin】 : TechWave

2013/03/21 50 users maskin TechWave WebFlow 増田 概要

「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @maskin】 : TechWave English 概要とミッション スタッフとコミュニティ 事業内容 参加しよう English 問い合わせ 2013年03月21日15:00 「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @maskin】 [読... 続きを読む

レスポンシブデザインの高速プロトタイピングツールAdobe Edge Reflow | DECONCEPTER

2013/02/18 38 users services ワークフロー DECONCEPTER

レスポンシブウェブデザインのワークフローを改善するツール 昨年Adobeが発表したEdge Tools & Servicesの中で唯一リリースされずにいたAdobe Edge Reflowが2月15日に発表された。 先行して公開されているEdge Web Fonts や Edge Inspectなどと連携しながら高速にレスポンシブデザインのモックアップ作成が可能となる。 Adobe Develop... 続きを読む

レスポンシブウェブデザイン専用ソフト「Adobe Edge Reflow」無償公開 -INTERNET Watch

2013/02/15 86 users INTERNET Watch 無償公開 専用 ニュース アップ

ニュース レスポンシブウェブデザイン専用ソフト「Adobe Edge Reflow」無償公開 （2013/2/15 13:18） アドビシステムズ株式会社は15日、サブスクリプション制サービス「Adobe Creative Cloud」を通じて提供している「Adobe Edge」シリーズのHTML5対応ウェブ開発ツールをアップデートしたと発表した。レスポンシブウェブデザインのための専用ソフト「Ad... 続きを読む

JSTORのレスポンシブウェブデザイン対応について - ささくれ

2012/09/16 14 users JSTOR 横幅 矢印ボタン メモ サイドメニュー

先日JSTORがレスポンシブウェブデザインによるモバイル対応した件[*1]についてのメモです． 表示パターン PCのブラウザでJSTORにアクセスしてブラウザの横幅を変えていくとこんな感じで表示が変わります．目視で気づいたかぎりでは以下の4パターンありました．スマートフォンで見ると パターン1 2枚目は矢印ボタンをクリックしてサイドメニューを表示させたもの． パターン2 左下が2列になりました． ... 続きを読む

レスポンシブウェブデザインで対応すべきサイトとは～国内事例 | MobileFirst.jp [企業スマートフォン戦略の実践情報サイト]

2012/07/05 43 users 角谷 HTML メディアクエリ デバイス スクリーン

Posted by 角谷　仁　2012年06月29日 多種多様なデバイスが登場している現在、すべてのスクリーンにいかにして対応していくかが企業ウェブ担当者の課題となっています。この問題を解決する一つの方法として「レスポンシブウェブデザイン」に注目が集まっています。 レスポンシブウェブデザインとは。 1つのhtmlで多様なスクリーンに対応できる制作手法。「メディアクエリ」と呼ばれる技術を使うことで、... 続きを読む

スマートフォンに最適なウェブサイトガイドライン｜コラム アユダンテ株式会社

2012/06/08 147 users アユダンテ株式会社 コラム スマートフォン デバイス 構成

※この記事は英語文書を翻訳したものです。 Building Smartphone-Optimized Websites – Webmasters — Google Developers Googleがサポートするスマートフォンに最適なサイトの構成は以下の三通りあります。 【Google推奨】レスポンシブウェブデザイン。 これは、すべてのデバイスに同じURLを用いて、各URLにアクセスするとすべての... 続きを読む

携帯やスマートフォンでコンテンツを切替える"魔法"のapache設定 #apache @s025236 - とあるプログラマの日記

2012/03/08 128 users Apache ガラケー SEO 魔法 URL

apache, tipsリキッドデザインとかレスポンシブウェブデザイン流行ってるけどやっぱりPC,スマートフォン,携帯(ガラケー)は別に別にコンテンツ用意したほうが良い時もありますよね。 でも「SEOとか考えると…」「URLがばらばらになっちゃって…」なんてお客様のお悩みを解決する為にいまさら感がすごいですが魔法の設定をご用意いたしました！ apacheの設定を書き換えよう判定ルールは時代で変わる... 続きを読む