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

どちらも要素に動きをつけるためのものですが、 使う時の違いがわかりにくかったのでまとめました。 トランジション-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...

スキルゼロ知識ゼロ経験ゼロからWeb制作で稼げる様になりたい！ 気づいたら一週間経過。毎日の継続は嘘をつかない。 最初は意味不明だったコードにも慣れてきて、わからないまま進み続けるのも重要だと感じました。 前日のレスポンシブデザインと合わせて...

スキルゼロ知識ゼロ経験ゼロからWeb制作で稼げる様になりたい！ 6日目は練習から実践まで一気に行いました。 練習内容を忘れない様に時間を空けずに取り組んでみましたが、そんなに簡単ではなかったです。 画面サイズによってレイアウトが変わる重要な設定...