1
#Progate で学んだ内容だけでコーディングする事ができるデザインカンプ を作りました
flexboxを使う場面も入っています
無料でダウンロードできるので練習用にどうぞ
レスポンシブには対応していないので勝手に作って下さい
ポートフォリオに入れて貰っても大丈夫です
syougaihukutobiyou.com/xd-data/
2
私はSESの会社と知らずに入社してWEB制作の仕事をしたのですがめちゃくちゃな所でした
作ったサイトは小さいサイトを3ヶ月で1つ作っただけです
会社のやり方に頭にきて辞めました
m.youtube.com/watch?v=v2LtVf…
#Web制作
#駆け出しwebデザイナーと繋がりたい
3
#progate で勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
塾のサイトです
ポートフォリオに掲載していいですが必ず練習用と記載して下さい
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
4
#Propate で勉強したあとにコーディング模写をするためのデザインカンプを作りました。
実務に繋がるコーディングのやり方の解説もかなりあり実践的な内容にしています。
無料で使えるのでこれから実務をしたい人は使って下さい。
#駆け出しエンジニアと繋がりたい
syougaihukutobiyou.com/smooth-cording/
5
progateで勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
これができれば実務レベルです
ポートフォリオに掲載していいですが必ず練習用と記載して下さい
newsite-make.com/cording-exerci…
#Web制作
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
6
#progate で勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
いきなり模写をする前に余白の取り方を知ってからの方が変な見た目のコーディングにならないと思います
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
7
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
8
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
9
#progate で勉強した人用のデザインカンプです。
progateでは余白の取り方などの見た目を綺麗見せる方法を解説していませんがこの記事でそれを学ぶ事ができます。
初心者向けで丁寧に解説しているので内容は難しくないと思います
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
10
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
11
#progate で勉強した人用のデザインカンプです。
progateでは余白の取り方などの見た目を綺麗見せる方法を解説していませんがこの記事でそれを学ぶ事ができます。
初心者向けで丁寧に解説しているので内容は難しくないと思います
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
12
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
13
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
14
#progate で勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
ポートフォリオに掲載可ですが必ず練習用と記載して下さい
パソコンから見た方がいいです
newsite-make.com/cording-exerci…
#駆け出しWEBデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
15
超初心者向けのDartSassを使ったFLOCSSの構築方法の解説の記事です
このやり方は変に難しい事をしてないからコピペでも真似できるはずです
私なりに考えたクラス名の付け方も解説しています
newsite-make.com/dartsass-flocs…
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい
16
#progate で勉強した人用のデザインカンプです。
progateでは余白の取り方などの見た目を綺麗見せる方法を解説していませんがこの記事でそれを学ぶ事ができます。
初心者向けで丁寧に解説しているので内容は難しくないと思います
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
17
wordpressサイトを1から作るための無料チュートリアルです
これをやれば最低限の機能を持ったサイトが作れます
ポートフォリオの掲載OKです
ハンバーガーメニューを調節したい人は調節して下さい
newsite-make.com/wordpress-tuto…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
18
#progate で勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
これができれば実務レベルです
ポートフォリオに掲載していいですが必ず練習用と記載して下さい
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
19
progateで勉強した人用のコーディング模写のデザインカンプを配布します
ページが長くないので時間がかかっても挫折はないと思います
ポートフォリオに掲載を許可します
newsite-make.com/cording-exerci…
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい
20
私は40歳からWEB制作を始めましたが会社に所属して仕事を続けるのは無理と2年半仕事をして思いました
40代からWEB制作を始めたらどうなるかを解説しています
私は他の職種に移動しますがWEB制作は自己満足の仕事って印象でした
newsite-make.com/web-seisaku-re…
#駆け出しwebデザイナーと繋がりたい
21
#progate で勉強した人用のデザインカンプです。
progateでは余白の取り方などの見た目を綺麗見せる方法を解説していませんがこの記事でそれを学ぶ事ができます。
初心者向けで丁寧に解説しているので内容は難しくないと思います
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
22
Progateで勉強した後に使うデザインカンプを作りました
今回は前回の内容よりも難易度が上がっていますがこれでコーディングができれば難しくない内容のLPを作る事ができます
無料なのでこれから実務をしたい人の練習に使って欲しいです
リプに続く
note.com/uhei/n/nc692b0…
23
#progateで勉強した人用のコーディング模写のデザインカンプを配布します
ページが長くないので時間がかかっても挫折はないと思います
ポートフォリオに掲載を許可します
newsite-make.com/cording-exerci…
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい
24
#progate で勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
これができれば実務レベルです
ポートフォリオに掲載していいですが必ず練習用と記載して下さい
newsite-make.com/cording-exerci…
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
25
progateで勉強した後のコーディング練習用のXDのデザインカンプを無料配布します
これができれば実務レベルです
ポートフォリオに掲載していいですが必ず練習用と記載して下さい
newsite-make.com/cording-exerci…
#Web制作
#駆け出しwebデザイナーと繋がりたい
#駆け出しエンジニアと繋がりたい
コーディング用のデザインカンプを無料配布しているので使ってください。newsite-make.com/?s=%E3%83%87%E…