2020年– date –
-
ISARAのレスポンシブデザインの模写を始めました。スマホ画面だとposition:fixedが効かない！
ISARAのレスポンシブデザイン(スマホ画面)の模写を始めました。 スマホからの見た目を確認するには、デベロッパーツールを開き左下のアイコンをクリックします。 機種を選択できたり、「Responsive」で横幅を伸び縮みできます↓ スマホ画面だとposition:fix... -
レスポンシブデザインを作るコツ。
現在レスポンシブデザインの勉強中です。 そんな中わかってきた、レスポンシブデザインを作るコツを書いていきたいと思います。 レスポンシブデザインは横幅可変を前提としたデザインを作るのが基本なので、最初から(pc画面から作るにしてもスマホ画面から... -
ISARA[イサラ]の模写コーディング完成！アコーディオンの実装。
ISARAの模写コーディング完成しました！（pc版） 長かった。 分厚い壁に少しずつ穴を開けるようなイメージでコツコツ積み重ね、ついに終わりました。 かかった期間は約1か月半。 私はたぶん1日平均1時間もできてない。 45日として、時間にすると約40時間く... -
サイトにSNSボタンを設置する方法(ツイッターとフェイスブック)。
今回は、ツイッターとフェイスブックのSNSボタンを設置する方法を書いていきます。 ISARAの模写コーディングを例にやっていきます。 ツイッターの「ツイート」ボタンを設置する方法。 まずTwitter Publishにアクセス。 ここをクリック↓ 一番左をクリック↓ ... -
ISARA［イサラ］模写終盤。ディセンダとは？sectionにheightを指定する必要ある？
プログラミング学習始めて7ヶ月ちょっと。 現在ISARAの模写中です。 進み具合はこんな感じ↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isar... -
プログラミング学習6ヶ月半。CSSで三角形を作る。
プログラミング学習始めて6ヶ月半経ちました。 現在ISARAの模写中です。 進み具合はというと、こんな感じ↓ isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP isara.life模写制作LP メン... -
プログラミング学習半年。ISARAの模写に苦戦。positionで真ん中寄せにする方法。
プログラミング学習始めて半年が経ちました。 あっという間ですね。 最初の頃は勉強してる感があったのですが、 模写始めてからはなかなか進まず、学習が停滞している感じがします。 気づいたら半年経ってしまいました。 現在はISARAの模写中なんですが、I... -
プログラミング学習5ヶ月半。レスポンシブデザイン、ISARAの模写。
プログラミング学習始めて５ヶ月半です。 前回、東急リバブルの模写が8割方終わったところでしたが、 現在はこんな感じです↓ 一応東急リバブルの模写は終わり。 東急リバブルのレスポンシブデザインに挑戦→挫折。 ISARAの模写を始める。 東急リバブルの模...
