2019-10-01から1ヶ月間の記事一覧
Webコーディング模写 flickityのレスポンシブ切替部分の修正 初期化のエラーが出ていたため、修正中。 以下のページ参考。 Flickity - destroy,jQuery Webデザイン模写 購入note初級編のレスポンシブデザインをXDで作成。 fuchsia-84.hatenablog.com ポート…
成果物 スクリーンショット 作成したデザインカンプ 動画 続:きょうはスマホ版スライダー複数配置したプロトタイプはじめて作ったり、文字サイズや行間、改行位置など細かいところも考えて変えてみた。制作⏰: 2.5時間月末まで、1週間でコーディング目標#今日…
Webコーディング模写 先週、noteより購入したPC版デザインをもとに自作したタブレット版、スマホ版デザインカンプをもとにコーディングを完了。 fuchsia-84.hatenablog.com 合計時間は5時間とあまり長々とかけず、かつ予想外なクラス追加、htmlクラス分け失…
成果物 先日作成したデザインカンプを元に、コーディングを終了! fuchsia-84.hatenablog.com スクリーンショット 全体スクリーンショット 動画 スマホ版#Webデザイン模写 #Webコーディング模写 #XD #HTML #CSS #JavaScript #今日の積み上げ pic.twitter.com…
Webコーディング模写 Twitterで知ったちづみさんnoteを2つ購入。 ちづみさんnote-コーディング模写入門編 、 ちづみさんnote-コーディング模写初級編 Webコーディング模写用のデザインが購入できました! 練習用、と記載でポートフォリオ掲載もOKとのこと。 …
成果物 デザインカンプ 動画 スマホ版(制作時間⏰:合計4時間)#Webデザイン模写 #Webコーディング模写 #XD #HTML #CSS #JavaScript #今日の積み上げ pic.twitter.com/GA9RWV5FqH— ふーしゃ@web (@fuchsia_84) 2019年10月10日 制作期間 10/9~10/10 合計4時間 学…
10月分2つめとして、ちづみさんnote-コーディング模写入門編に挑戦! 成果物 スクリーンショット 動画 【Webコーディング模写】10月分2同じくちづみ@098ra0209 さんnoteから、入門編。16:00はじめて18:00おわり⏰シマエナガは可愛すぎる、、さきに初級編にト…
Twitterで知った ちづみさんnote-コーディング模写初級編 を購入。入門編があるのに勢い余って←初級編からスタート。 成果物 スクリーンショット 動画 【Webコーディング模写】10月分ちづみ@098ra0209 さんのnote初級編に挑戦2日間合計12hくらい。XDデザイン…
Webコーディング模写 1ページ終わらせることができましたー! fuchsia-84.hatenablog.com Webデザイン模写 【Adobe XD】自動アニメーションでスライドをつくってみたで、ドッドまで一緒に流れていた問題を解決! fuchsia-84.hatenablog.com その他 はてなブ…
9月分のWebコーディング模写が1つおわったので、 そのまとめです。元ページ - Name Of Love 参考書籍 : 久保田涼子著「Webデザイン良質見本帳」SBクリエイティブ株式会社 成果物 ※12/28 画像差し替え対応済。 学習項目 HTML/CSS/JavaScript ハンバーガーメニ…