ゼロからWeb制作で稼げる様になる

独学でコーディング学習をしていると、これであっているのか不安になりませんか？ 私は色々なサイトや書籍でカンプコーディングを10サイト以上行いましたが、 同じ表示に見えてもサイトごとに使うコードが異なり、毎回うまく配置できずそのたびに挫折しか...

お問い合わせフォームなどで使用するテキストボックス フォームのレイアウト構成 formタグは、データを送信する時に使用することが一般的です。 お問い合わせフォームからの問い合わせや、会員登録・ログインなど 情報をサイト内外へ送信することが可能で...

どちらも要素に動きをつけるためのものですが、 使う時の違いがわかりにくかったのでまとめました。 トランジション-transition transitionはユーザー操作に対しての反応と考えるとわかりやすいです。 特定の場所をクリックしたり、マウスカーソルを乗せた...

擬似クラスと擬似要素についてまとめました。 名前は似ていますが使用方法は似ていません。 擬似クラス 擬似クラスは、特定の要素に対して、ある状態の場合にcssを適用させることができます。 よく使用する擬似クラスを含めて使い方をまとめていきます。 :...

ハンバーガーメニューの作成手順をまとめました。 スマホなどの画面が小さいデバイスで、メニューを常時表示しない時に使用できます。 ハンバーガーメニューの作成手順 ハンバーガーメニューは大きく分けて3つの手順で作成します。 １　メニューのボタンを...

何かあったらすぐスマホで調べるのが当たり前。 たくさんの情報から速く簡単にアクセスできる世の中では スマホで見られることを前提に制作しなければいけません。 モバイルファーストとメリットについてまとめています。 モバイルファーストとは スマホな...

ページを構成する要素<main>や<div>などのサイズを指定し、レイアウトを見やすくする必要があります。 また、その中の子要素に対しても適切に指定しないと、はみ出したり余分な余白ができてしまいます。 サイズを指定する単位やコードをまとめ...

progateのHTMLとCSSを終えて模写コーディングに挑戦。 模写コーディングの手順を記載しています。 模写コーディングとは 今までのprogateでは指定のコードを入力するのがメインでしたが、 実際のサイトをみて同じ様に作成するのが模写コーディングです。 ...

スキルゼロ知識ゼロ経験ゼロからWeb制作で稼げる様になりたい！ jQueryコースへ突入。初級から上級まで完了しました。 javaScriptの1種で、クリックした時の反応やアニメーションなどの動きをつけることができます。 JQueryはJavaScriptの1種 ProgateのjQu...

スキルゼロ知識ゼロ経験ゼロからWeb制作で稼げる様になりたい！ HTML＆CSSからJavaScriptへ 基礎文法や関数、繰り返し処理などの書き方や重要そうなコードをまとめました。 JavaScript基礎文法 HTML＆CSSの項目を終えたので、次のJavaScriptに移ります。 J...