[B! レスポンシブデザイン] hiro777hiro56のブックマーク

hiro777hiro56 id:hiro777hiro56

レスポンシブデザインに関するhiro777hiro56のブックマーク (3)

【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ
↓↓↓最新の2021年版を作成しましたのでこちらもご覧ください。↓↓↓ hashimotosan.hatena blog.jp PDFはこちらからどうぞ[508KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました（3年ぶり！）。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います前回、ブレイクポイントの設定はフレイムワークも参考に考えていましたが、改めて考えてみると、モバイルファーストの観点からも640px/1024pxではないのではないかと感じました。以下が3年前の前回の記事です。いくつかブレイクポイントを調べましたが、だいたい以下のような分け方が多かったです。 640px/1024px 480px/896x
hiro777hiro56 2019/08/11
レスポンシブデザイン

web
リンク
GoogleがPCサイトよりもスマホサイトを優先することでアフィリエイトサイトは何をする必要があるのか | アフィリエイト野郎！
既に色々なブログで書かれているので知っている方も多いと思いますが、Googleがモバイルファーストインデックスを採用することを発表しました。これからはPCサイトの評価よりもスマホサイト（モバイルサイト）の評価が優先されて検索結果に反映されます。Google公式ブログでの発表はまだですが、今後数ヶ月で導入するとのことです。モバイルファーストインデックスがいつ始まるのかという正確な情報はまだ出てきていません。今まではPCサイトの評価を元にスマホの検索結果が表示されていましたが、これからはスマホサイトの評価を元に検索結果が表示されることになります。PCの検索結果もスマホサイトの評価が対象になるということですね。今はPCよりもスマホ経由のアクセスの方が多くなっているので、この変更は当然ですよね。スマホサイトにこだわって作っていた人には朗報かもしれません。このニュースが出てから、「これから
hiro777hiro56 2016/10/17
スマホ

seo

モバイル

アフィリエイト

モバイルサイト

レスポンシブデザイン

google
リンク
レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめ
カード型のUIはPinterestから人気が出始め、ここ1,2年の間に数多くのWebサイトで採用されるようになりました。レスポンシブデザインに相性が非常によいのも人気である原因の一つでしょう。次のプロジェクトで使いたくなるような実装アイデアを備えたカード型レイアウトやカード型コンポーネントを紹介します。まずは、アニメーションの動きが気持ちいいカード型UIから。
hiro777hiro56 2016/03/30
CSS3

webデザイン

UI

レスポンシブ

レイアウト

レスポンシブデザイン
リンク
1