ISARA[イサラ]のレスポンシブデザイン模写終了。プログラミング独学の軌跡プログラミング独学の軌跡ド素人がプログラミングを独学していく記録です。未解決テックアカデミーが初心者向け副業コースを始めました。テックアカデミーで無料メンター相談ができる。CSS初心者が稼ぐならココナラがおすすめ。クラウドワークスは難しい。ISARA[イサラ]のレスポンシブデザイン模写終了。2020.07.02ISARA[イサラ]のレスポンシブデザイン(スマホ画面)の模写が終了しました!かかった期間は約半月。pc画面と合わせると、イサラの模写に約2か月かかりました。出来栄えはこんな感じ↓isara.life模写制作LPisara.life模写制作LPこの「受講の流れ」部分は、スマホ画面だとアコーディオンになってて戸惑いました。一瞬アコーディオンにするのはやめようかと思いましたが、意地でやってみたら意外と簡単にでした。jQueryはいじらず、pc画面で作った「よくある質問」のアコーディオンのclassをそのまま付けたらできました。isara.life模写制作LPこの「特典」部分もめんどくさかった。pc画面とスマホ画面で文章が全然違うのでHTMLに追加し、pc画面用の文章をdisplay:noneで隠し、スマホ画面用の文章をdisplay:blockで表示しました。あとはなぜか白色の文章の配置もうまくいかず、途中で妥協しました。後半になるにつれてどんどん早くなっていきました。-旅のモノづくりブランド-|TABIPPOなぜこのサイトかというと、Bootstrapで作れる部分があるらしいからです。実はBootstrapも少し勉強してました。勉強といってもユーチューブやドットインストールを見た程度ですが、「どんなものなのか、どんなことができるのか」はざっくり理解できました。Bootstrap、ずっと気になっていたので次の模写で少し使ってみたいと思います。模写コーディングシェアするTwitterFacebookはてブPocketLINEコピーハルトをフォローするハルトプログラミング独学の軌跡ISARAのレスポンシブ半分終了。pc画面とスマホ画面とで文字の改行を変える方法。「PAS-POL」サイトの模写を始めました。リセットCSSとBootstrapを導入。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ホーム模写コーディングプロフィールプロフィール管理人のハルトです。