模写コーディング

ISARAのレスポンシブデザインの模写を始めました。スマホ画面だとposition:fixedが効かない!

ISARAのレスポンシブデザイン(スマホ画面)の模写を始めました。 スマホからの見た目を確認するには、デベロッパーツールを開き左下のアイコンをクリックします。 機種を選択できたり、「Responsive」で横幅を伸び縮みできます↓ ...
模写コーディング

レスポンシブデザインを作るコツ。

現在レスポンシブデザインの勉強中です。 そんな中わかってきた、レスポンシブデザインを作るコツを書いていきたいと思います。 レスポンシブデザインは横幅可変を前提としたデザインを作るのが基本なので、最初から(pc画面から作るにしても...
模写コーディング

ISARA[イサラ]の模写コーディング完成!アコーディオンの実装。

ISARAの模写コーディング完成しました!(pc版) 長かった。 分厚い壁に少しずつ穴を開けるようなイメージでコツコツ積み重ね、ついに終わりました。 かかった期間は約1か月半。 私はたぶん1日平均1時間もできてない。 45日と...
模写コーディング

サイトにSNSボタンを設置する方法(ツイッターとフェイスブック)。

今回は、ツイッターとフェイスブックのSNSボタンを設置する方法を書いていきます。 ISARAの模写コーディングを例にやっていきます。 ツイッターの「ツイート」ボタンを設置する方法。 まずTwitter Publishにアクセス。 こ...
模写コーディング

ISARA[イサラ]模写終盤。ディセンダとは?sectionにheightを指定する必要ある?

プログラミング学習始めて7ヶ月ちょっと。 現在ISARAの模写中です。 進み具合はこんな感じ↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP ...
模写コーディング

プログラミング学習6ヶ月半。CSSで三角形を作る。

プログラミング学習始めて6ヶ月半経ちました。 現在ISARAの模写中です。 進み具合はというと、こんな感じ↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life...
模写コーディング

プログラミング学習半年。ISARAの模写に苦戦。positionで真ん中寄せにする方法。

プログラミング学習始めて半年が経ちました。 あっという間ですね。 最初の頃は勉強してる感があったのですが、 模写始めてからはなかなか進まず、学習が停滞している感じがします。 気づいたら半年経ってしまいました。 現在はISARA...
模写コーディング

プログラミング学習5ヶ月半。レスポンシブデザイン、ISARAの模写。

プログラミング学習始めて5ヶ月半です。 前回、東急リバブルの模写が8割方終わったところでしたが、 現在はこんな感じです↓ 一応東急リバブルの模写は終わり。 東急リバブルのレスポンシブデザインに挑戦→挫折。 ISARAの...
模写コーディング

プログラミング学習4ヶ月半。模写コーディングに苦戦。

プログラミング学習始めて4ヶ月半経ちました。 現在の進捗状況。 現在の進捗状況はこんな感じです。 HTML CSS jQueryは基礎学習終了(主にプロゲート) 東急リバブルの模写コーディング8割方完成。←今ここ 1ヶ月くら...
JavaScript jQuery

プログラミング学習3ヶ月半。jQuery終了、模写始めました。Ricty DiminishedがVS Codeに反映されない!

プログラミング学習始めて3ヶ月半経ちました。 現在の進捗状況。 現在の進捗状況はこんな感じです。 HTML CSSは基礎学習終了(本一冊、プロゲート上級まで終了)。 jQueryはプロゲート上級まで終了。 模写コーディング...