初心者ながらレスポンシブサイトを作ってるんですがなかなかうまく実装できません。検索でいろんなのを見ているのですが、皆さんは今までの経験でいきなり出来たりするんですか?それとも本やらレスポンシブについて書かれてるサイト見たりして身につけましたか?
何か初心者でもこれ読めば理解できるかもしれないっていうサイトとかがあれば教えて下さい…。
ありません。根性です。
根性でレスポンシブ作ってるんですか…すごい
結構根性だよね。
トライ&エラーを繰り返すだけだから、まぁ根性だよね。
だね
はじめは根性だと思う。慣れてくると設計できるようになるから。
ご回答ありがとうございます。PC上の表示とスマホでの確認でかなりレイアウトが異なって挫けそうだったので、根性で…頑張ります;;
それはレスポンシブ云々というよりCSSかもですね。
少し古いですが、このチュートリアルだけやってシンプルなページなら組めるようになりました。
このサイト私も見ました!同じように見ながらやっていけばいいんですね、ただ読んで終わっていたので。。
凝った事しないならcssで解像度によって変わる部分だけ別にスタイル作るだけだよ。
そしてブレイクポイントと画像の扱いに悩む→そこも根性
なんとか別スタイル作ってブレイクポイントで切り替わるようになったのですが、PCでブラウザのサイズを伸縮してcss設定してたのですが、実機(Androidで見た時にあるはずの文字がどっかにずれてたりしてまして…作成する時はPCと実機確認しながらcss組んでるんですか?
機種依存の可能性も疑ってみては?
Chromeで開発者ツール開いてDeviceを切り替えてテストしてる。ただ、なんだかんだで実機でも見とかないと安心はできない。特にJS使ってるページは。
マジレス1
やっぱ本買って読んでみるしかないですかね・・
マジレス2
読んでみます!ありがとうございます!
ドットインストールとかどうでしょうレスポンシブデザイン専用のレッスンがあったはずです。
このサイト、初めて知りました!あまりお金かけられないので、無料の動画の視聴だけで見てみたいと思います!ありがとうございます!
経験少ないならモバイルファーストなデザインから作ってくといいかも
モバイルファーストなデザイン…確かにそうかもしれないですね。モバイルはいつも後で考えてしまいますし。ありがとうございます!
フレームワークを使うと楽
フレームワーク使えばいいんですか!あー…確かにその方が楽ですよね。0から組もうとしちゃだめですね。ありがとうございます!
最初のころは本をみて勉強しました。後はほかのレスポンシブのサイトをみてためしに同じの作ってみるとかがいいかと思います。そしたらなれますよ(#^.^#)
やはり本って読んどかないとだめですかね。作りたいサイトと同じ構成のレスポンシブサイトを探してやろうかなって思ってたので、間違いじゃないんですねありがとうございます!
一番売れてるレスポンシブの公式本らしい。一番わかりやすかった。
本でもいいけど、フレームワークがどのように書かれているかを見るだけでもかなり勉強になるよ。最近だと、Sass/Lessの状態での配布も多いしね。
他の方の回答にあるように、フレームワーク(代表的なものだと Bootstrap, Foundation)を使うのが一番だと思います。ゼロから組みたいなら、Sassのミックスインライブラリ Bourbon Neat とか使えると思いますよ。最初は自分のレベルに合いそうな本を買って来て、簡単なサンプルを作りながら学習するのが一番だと思います。あまり背伸びすると気が滅入るので…w
レスポンシブって言っても可変(サイト幅を%表示)にしてるだけでこれは昔からあったしやっていた。
そこに最近はメディアクエリーで画面幅によってCSSを切り分けているだけなので、投稿者さんがどの程度のレベルか分かりませんが基本的な実践的なCSSの知識がないだけだと思いますよ。
実践で活躍している方は皆「勉強」と言うより、新しいプロパティ増えたなー!>使ってみよ!>出来た!な感覚だと思います。*複雑なレイアウトを除く。
どちらにしても、ソースや投稿者様のレベルが謎なのでアドバイス出来ません。
みんなの回答 13 件
ありません。根性です。
少し古いですが、
このチュートリアルだけやってシンプルなページなら組めるようになりました。
ASCII.jp:ゼロから始めるレスポンシブWebデザイン入門
http://goo.gl/aIaifK凝った事しないならcssで解像度によって変わる部分だけ別にスタイル作るだけだよ。
@media screen and (min-width: ○○px) {
}
とかで括ればいい。
あとは通常の作り方と基本的には一緒。
マジレス1
『HTML5&CSS3デザインブック』について
http://ebisu.com/note/about-html5-css3-designbook/マジレス2
レスポンシブWebデザイン対応のサイトを1から作ってみた手順と感想
http://ruucb.com/blog/2014-03-09/responsive-web-design/ドットインストールとかどうでしょう
レスポンシブデザイン専用のレッスンがあったはずです。
経験少ないならモバイルファーストなデザインから作ってくといいかも
フレームワークを使うと楽
最初のころは本をみて勉強しました。後はほかのレスポンシブのサイトをみてためしに同じの作ってみるとかがいいかと思います。そしたらなれますよ(#^.^#)
一番売れてるレスポンシブの公式本らしい。
一番わかりやすかった。
レスポンシブWebデザイン 公式本
http://www.amazon.co.jp/gp/product/4883378578本でもいいけど、フレームワークがどのように書かれているかを見るだけでもかなり勉強になるよ。最近だと、Sass/Lessの状態での配布も多いしね。
他の方の回答にあるように、フレームワーク(代表的なものだと Bootstrap, Foundation)を使うのが一番だと思います。
ゼロから組みたいなら、Sassのミックスインライブラリ Bourbon Neat とか使えると思いますよ。
最初は自分のレベルに合いそうな本を買って来て、簡単なサンプルを作りながら学習するのが一番だと思います。あまり背伸びすると気が滅入るので…w
Bourbon Neat
http://neat.bourbon.io/レスポンシブって言っても可変(サイト幅を%表示)にしてるだけでこれは昔からあったしやっていた。
そこに最近はメディアクエリーで画面幅によってCSSを切り分けているだけなので、投稿者さんがどの程度のレベルか分かりませんが基本的な実践的なCSSの知識がないだけだと思いますよ。
実践で活躍している方は皆「勉強」と言うより、新しいプロパティ増えたなー!>使ってみよ!>出来た!な感覚だと思います。*複雑なレイアウトを除く。
どちらにしても、ソースや投稿者様のレベルが謎なのでアドバイス出来ません。
関連するトピックス