ホームページは、コードや画像など様々な素材が組み合わさって1つのページを作成しています。
そのため、素材を探すのも時間がかかります。
このページでは、普段ゆっきーが仕事でも使っているおすすめ素材やお役立ちサイトの紹介をまとめました。
ホームページを作ることに興味のある子は、ぜひ参考にしてみてね!
タグが分からないときに調べるサイト
HTML逆引きリファレンス
このサイトは、タグが分からないときに逆引きしてタグを調べることのできるサイトです。
表(テーブル)ってどうやって作るんだっけ?
こんな時に「テーブル」の項目を調べると表のタグを調べることができます。
HTMLリファレンス
タグから調べたいときに便利なサイトです。
画像を呼び出すとき<img>の中のコード(属性)なんだったっけ?
こんな風に「img」は思い出せるけど、その続きが分からないときなどに調べることができるサイトです。
色のコードを調べるサイト
色のコードを調べることのできるサイトはたくさんありますが、原色大辞典はゆっきー的におすすめです。
タブで「和色大辞典」「洋色大辞典」「パステル」「ビビッド」などテーマ性の色を探すのにも役に立ちます。
素材サイト
ホームページ欠かせない写真やイラストの素材を無料で提供しています。
有名な素材サイトなのでブックマークしておくのがおすすめです。
また、各サイトによって利用規約が異なります。
基本的にホームページで使用する分には大丈夫な素材サイトですが、規約が変わっている可能性もあるので使う前には一度確認することがおすすめです。
特に、Scratchなどホームページ以外で使用する場合は、NGということもありますので確認してくださいね!
写真:O-DAN(オーダン)
世界中の写真素材サイトから写真を探せるサイトです。
日本語での検索もできるところがメリットです。
写真:ぱくたそ
日本の無料写真素材のサイトです。
様々なシーンにあった写真が豊富にあります。
写真:GIRLY DROP(ガーリードロップ)
女の子にはおすすめのかわいくておしゃれな写真が揃っているサイトです。
写真:Photo AC ※会員登録
会員登録をして写真をダウンロードできる素材サイトです。
無料で使えますが、1日にダウンロードできる数の制限があります。
大きなサイズ(M、L)だと1枚、小さいサイズ(S)は9枚ダウンロードができます。
また、検索も1日4回までの制限があります。
(実は、検索は裏技があって5回以上検索することも可能です。知りたい人はドージョーで聞いてね)
ただ、写真の量は無料の写真素材サイトでは一番多い気がするので、会員登録ができるニンジャにはおすすめです。(登録するときは、必ずおうちの人の許可を取ってね)
イラスト:素材製作所
手描き感のあるイラスト素材です。
イラスト:いらすとや
超有名なイラスト素材のサイトです。
イラスト:罫線
仕切り線などのデザインされた罫線を専門にダウンロードできるサイトです。
イラスト:影絵
影のイラスト専門の素材サイトです。
イラスト:ハンコ風
ハンコ風のイラスト素材がダウンロードできます。
イラスト:素材工場
ホームページ以外(チラシやプレゼン資料など)でもイラストの理由ができるサイトです。
イラストの種類も豊富にあります。
イラスト:背景素材
パターンとかテクスチャ、壁紙と呼ぶこともあります。
同じ模様が続くような背景にしたいときは「シームレス」という種類の背景画像を使うのがおすすめです。
シームレスとは、画像を繰り返し表示した時に画像と画像のつなぎ目が分からないものをいいます。
アイコン:ICOOON MONO
ワンポイントとして使えるアイコンが豊富に取り揃っています。
日本語での検索もできるので非常に便利です。
様々なデザインが作れるサービス
ホームページの素材を作ることも可能ですが、チラシや名刺、プレゼン資料やレポートなど様々なデザインを作ることが可能なサービスです。
会員登録が必要ですが、簡単な写真の加工やちょっとしたアニメーション素材もできるので、ぜひ使ってみてもらいたいサービスの1つです。
コメント