プログラミング

【2nd】DAY3『「PerfectPixel」を使ってチェック & 修正』

内容 今日は、「PerfectPixel」を使って再現度をチェックです。 やってみて思ったこと 再現度をチェックしてみたら意外とずれていることが分かります。 完璧にしないといけないわけではないけど、完璧...
プログラミング

【2nd】DAY21『スマホ時のドロワーメニューを作る』

内容 今日は、「drawer.js」というプラグインを使ってドロワーメニューを実装しました。 やってみて思ったこと 「drawer.js」を使ってドロワーメニューを実装してみましたが、思っていたようなものが作...
プログラミング

【2nd】DAY2『XDから横並びのカードのコーディング』

内容 今日は、横並びのカードのコーディングです。 やってみて思ったこと 1回目の挑戦ではレスポンシブを含めてうまくコーディングできなかったけど、少し時間を空けて再挑戦してみたらできた。 出来た要因として...
プログラミング

30DAYSトライアル#2nd課題まとめ

Webコーダーとして仕事できるようになる30日 課題一覧 DAY1『XDからヘッダーとメインビジュアルのコーディング』 DAY2『XDから横並びのカードのコーディング』 DAY3『「PerfectPix...
プログラミング

【2nd】DAY20『スクロールに応じて要素を「フワッ」と登場させる』

内容 今日は、「WOW」というプラグインを使って要素をふわっと表示させる動きをつけます。 やってみて思ったこと プラグインを使うことで簡単に動きをつけることができました。Progateで勉強した内容ではないで...
プログラミング

【2nd】DAY1『XDからヘッダーとメインビジュアルのコーディング』

内容 今日は、ヘッダーとメインビジュアルの部分をコーディングします。もちろん1から自分でやります。また、レスポンシブ込みです。 やってみて思ったこと レイアウト自体は作成するのは簡単でした。しかし、レスポンシ...
プログラミング

【2nd】DAY19『スライダー(カルーセル)を作る』

内容 今日は、「swiper」を使って、途中まで作成しているサイトにスライダ―機能をつけていきます。 やってみて思ったこと ProgateでJavaScriptやjQueryを勉強してきましたが、その知識を使...
プログラミング

【2nd】DAY18「ProgateでjQuery上級編」

内容 今日は、jQuery上級編でした。今日で、Progateは一旦終了です。明日からは途中まで作成しているサイトに動きをつけていきます。 やってみて思ったこと 上級編は分量も多く、難易度も高かったので2時間...
プログラミング

【1st】DAY13『解説記事』

この動画では、Bootstrapを使ってWebサイトを作成していきます。機能としては、普段からよく見るスライダーやハンバーガーメニューといったものを実装していきます。レイアウトはしっかりとパソコンにもスマホにも対応させていきます。 ...
プログラミング

【1st】DAY14『解説記事』39:00~

コードをコピペしたい人はどうぞ! Meet the team <div class="container-fluid padding"> <div class="row welc...