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