お知らせ

DAY7:XDからお問い合わせフォームのコーディング

以下のXDのデザインカンプをレスポンシブ込でコーディングしてください。DAY6の続きにコーディングしていく感じになります。 → https://xd.adobe.com/spec/ff02d2d2-b…

はにわまん

DAY6:XDからテーブルとGoogleMap埋め込みのコーディング

以下のXDのデザインカンプをレスポンシブ込でコーディングしてください。DAY5の続きからコーディングする感じになります。 → https://xd.adobe.com/spec/ac246482-0f…

はにわまん

DAY5:XDからニュース系のコーディング

以下のXDのデザインカンプをレスポンシブ込でコーディングしてください。DAY2までにコーディングした続きに書いていく感じになります。 → https://xd.adobe.com/spec/d2cde…

はにわまん

DAY4:ボタン、見出しを自在に作れるようになる

見出しやボタンのパーツが利用頻度がたぶん一番多いです。 HTMLやCSSで自在に作れる状態がベストです。そこまでいかなくても、コピペしたとしてどの値を変更すれば見た目が変わるか分かる状態にしておきまし…

はにわまん

DAY3:「PerfectPixel」を使ってチェック & 修正

DAY2までに作ったサイトを「PerfectPixel」を使ってズレがないかチェックしてみましょう! まずは以下の画像を右クリック → 名前を付けて画像を保存 で手元のPCにダウンロードしてください。…

はにわまん

DAY2:XDから横並びのカードのコーディング

以下のXDのデザインカンプをレスポンシブ込でコーディングしてください。DAY1で作成したメインビジュアルの続きとして追加する形になります。 → https://xd.adobe.com/spec/58…

はにわまん

DAY1:XDからヘッダーとメインビジュアルのコーディング

HTMLとCSSの基礎を学び、コーディング模写まで経験している方なら「できる!」ということで、今回の課題は全編を通じてXDのデザインカンプからコーディングするということをやっていただこうと思います。 …

はにわまん

DAY0:Webコーダーとして仕事できるようになる30日

今回の「#30DAYSトライアル」では、 「Webコーダーとして仕事できるようになる」 を目標に、30日の課題を作成しました。前提としては、第1週目の「DAY25」あたりまで完了させておいてください!…

はにわまん

「はにわまん」が一周年!ついでに過去のツイートを振り返ってみました

タイムライン見てたら「1周年です!」みたいなツイートが流れてきて、「あぁそうか、去年の今ごろに”はにわまん”としてのアカウントを作ったんだ」と感慨深い感じになったので、色々と過…

はにわまん

「もくもくコーディング模写会」を開催しましたー!

「もくもくコーディング模写会」が無事終わりました。 開催したのはこちら → 現役コーダーと交流できる!もくもく模写コーディング会 こういうのを開く側に立つのは初めてでとても勉強になることだらけでした。…

はにわまん
1 2 3 4