📑
Webサイトの模写ルールまとめ
今回はWebサイトの模写のルールについて、
備忘録のためにまとめました。
私見も入っている可能性があるので、
参考程度に見ていってください。
1.模写の流れ
基本的には以下のような流れで作成していきます。
1.HTMLの実装
2.CSSの実装(,レスポンシブ化)
3.JavaScritで動的なサイトを作成
あくまで一例です。好みによっては、ある程度HTMLを実装してその都度CSSを編集する方もいると思います。(私もそのタイプです。)
2のレスポンシブ化は、スマホの普及もあって当たり前になりつつあると思いますが、
レスポンシブ対応していないサイトもまだまだありますので、実装するかは任意で。
2.模写のルール
模写をする際のルールについては、下記サイトを参考にしました。
記事の制作者さんありがとうございます！
上記サイトを参考にまとめると、模写する際のルールはこんな感じになります。
・原則NG
・模写中は対象サイトのソースを見ない。
・OK
・フォントや配色をツールで調べる
・対象サイトの素材の利用
・ツールによる、幅や高さの計測
いかがでしたでしょうか？
参考サイトにて、おすすめのツールが紹介されているのでぜひ確認してみてください！
Discussion