2021-06-01から1ヶ月間の記事一覧
おはようございます。 日記を読み返していたら、もう昨年の4月から週休5日体制(勤務は週に2日)になっていて、「家でできることは家で!」という日常がつづています。 コロナ以前から続けているwebライティングの比重が高まるとともに、この春からはweb制作…
目標としてきた90日が目の前に迫った来ました。「web制作ができるようになる」として始めてきたhtml/cssですが、いつまでも学習ばかりしていても仕方ありません。そろそろ営業について考えてみました。 じつは、自分の「皆さんの役に立ちそうなスキル」をコ…
お久しぶりです。6月12日の70日目から更新がなかったこのブログでしたが、ぼちぼち再開します。「あいつ、消えたな」いつのまにかフェードアウトする人もいるweb制作あるあるに埋もれないよう、がんばります。 推奨「今日のミルフィーユ」 まずはここまでの…
4月の初めに 「ライティングスキル」と「コーディングスキル」を掛け合わせられるweb製作者になりたい と思い始めたコーディング学習。ここまでを振り返っておきます。 5月10日にドットインストールのhtml/cssの講座終了→javascriptに進む5月15日からcodeste…
<div id="mainvisual"> <picture> <source media="(max-width: 600px)" srcset="img/mainvisual-sp.jpg"> <img src="img/mainvisual-pc.jpg" alt="テキストテキストテキスト"> </picture> </div> mediaリソースの志向するメディアのメディアクエリ。この属性は <picture> 要素の内部でのみ使用します。https://developer.mozilla.org/ja/docs/Web/HTML/Element/source CSSやJavaScr…</picture>
初出でしたので、まとめておきました。 <section id="contact" class="wrapper"> <h2 class="sec-title">Contact</h2> <form action="#" method="post"> postは本文で送信。初期値はget(urlで送信) <dl> <dt><label for="name">NAME</label></dt> labelタグのfor属性の値と、フォーム部品のid属性の値を同じにすることで両者の関連付けができる https://html-coding.co.jp/annex/dictionary/html/labe…</dl></form></section>
JavaScriptをドットインストールで進めています。今日からは「ビンゴシートを作ろう」が始まっています。 https://dotinstall.com/lessons/bingo_js いっぽうで、実際に案件をこなしていくには、jQueryのほうが実践的というアドバイスもいただきましたので、…
html とくに問題はありません。 css ボタンのかたちを作ります。 #btn{ width: 200px; height: 200px; background: #ef454a; border-radius: 50%; margin: 30px auto; text-align: center; line-height: 200px; color: #fff; font-weight: bold; font-size: …
入門編6では、画像の設定の理解が弱いことに気づきましたので、再度復習。 backgroundで画像を表示する方法は、4recipieサイトの時にありました。 https://coeure.co.jp/blog/homepage/homepage_180405_04 imageのwidth:50%;は、画像の50%ではない https://…
昨日「入門編5」がなんとか形になりましたので、今日は6です。 https://code-step.com/brand-menu/ 全体の構成を俯瞰して、テキストの大きさや配置を確認する。それをhtmlに反映させて、cssをあてる。 ここまでは模範解答に近い挙動をするようになりました…
さて、You Tube「しまぶーのIT大学」のJavaScriptを見て、ふたたびJavaScriptに向かうモチベーションが上がったので、今日からはドットインストールの実践的な作り方をみていきます。 JavaScriptでおみくじをつくろう 今日は、「JavaScriptでおみくじをつく…
おはようございます。今日もコーディング修行中です。 さて、現在codestep 入門編5つめrecipeサイトを作っています。まずまず順調に来ていると思ったら、一箇所解決できない設定があるので教えて下さい。 問題点:display:flex;で要素にwide50%を設定しても…
今日は入門編の5つ目レシピサイトを作ってみました。リストのborderなど、とても勉強になりました。 なにも考えずに、ul/olとliを組んでいると、「・」とか「1.」のリストの部分が、出っ張っちゃってて気になってました。 それをうまくまとめようとするの…
先週ドットインストールのJavaScript(基礎文法編、オブジェクト編、DOM編)を終えたものの、どうも消化不良なままだった。 You Tubeでいろいろ講座を探してみたのだけど、「しまぶーのIT大学」がとてもよくて、ドットインストールがテクニックだとしたら、I…
JavaScriptについては、ドットインストールの「JavaScriptで始めるお手軽プログラミング」の「基礎文法編」「オブジェクト編」「DOM編」をひと通り学習し終わりました。 しかし、一つひとつのコマンドについての理解ができても、その学習がぜんたいのどこに…
昨日からつづけて、#codestep 入門編レシピサイトの精読をすすめています。 https://code-step.com/recipe-menu/ mainvisual さて、まずはmainvisualからつまづきました。 /* -------------------------------------- mainvisual --------------------------…
とは言うものの、DOM編は理解するのに精一杯。翌日、やっみてもできるものは、ほとんどなく、進めば進むほど、再現できません。 https://dotinstall.com/せっかくなので、理解を進めていきたいです。
今回の課題はこちら 美味しそうなメニューがならんでおります。 https://code-step.com/recipe-menu/ background-imageってなんだ 今回は、文字よりも画像の扱い方がポイントになっているようです。 自力でつくってみて、答え合わせをしてみると、トップ画像…
さて、codestep 入門編Photobook1の模写4回目。 何回やってるの?という声も聞こえてきそうですが、守破離の「守」ができていないので仕方ない。 でも、今回ほとんどできているので、機嫌はいいですw 今回もやはりdh/dd/dtで組んだ表をきれいに並べるところ…
さて、6月となりました。コーディングの勉強を始めてほぼ2ヶ月が経とうとしています。先月の振り返りと今月の目標をまとめておきましょう。 先月の振り返り ドットインストール html/cssが終わり、JavaScriptに入っています。html/cssと違い、JavaScriptはま…