VScodeのsftpプラグインで踏み台超えてsftpする【sshの鍵はどちらともローカルに置けます】
shu sgw.today
ウェブ制作やデザイン制作の助けになるサイト12選
shu
こんにちは。はてブ初めて1年….時間の流れの速さを感じる….しかもプロって自動更新されないと言う事実を知ったwみなさんも気をつけえてください。そんなこんなで毎日学校で忙しい日々を送ってます。それで、自分が課題で使ってるウェブ制作用のフリー素材サイト（日本、海外）や学校で教えてもらったツールをまとめて紹介していこうと思います。
目次
素材系
基本的には全部著作権フリーです。
イラストAC
無料イラストならここですね。jpg, png, ai-eps（イラレ）データを選んでダウンロードできます。
写真AC
ここはよく自分のブログのアイキャッチとして使わせていただいています。
icoon-mono
アイコン専門です。サイズも選べて拡張子も選べます。すごい便利。
Pixabay
ログインなしでダウンロードできるので急ぎの時には便利です。しかし、いくつかの写真には著作権があるみたいなのでしっかり確認しないといけません。
リンクが動作しないのでテキストで貼ってます。直接コピペしてみて下さい。
https://pixabay.com/
Subtle Patterns
たくさんの背景画像があります。自分で作った背景も投稿できます。
https://www.toptal.com/designers/subtlepatterns/
調べる系
HTML Color Codes
色を探す時に楽です。って言ってもフォトショとかでもできるんですけどねw
Special Characters
特殊文字が必要な時に探せます（英語です。）
コピペ、テンプレート系
CSS Zen Garden
CSSのテンプレがダウンロードできます。
Listamatic
これはあるサイトの中の<ul>でどんなナビゲーションメニューが作れるかの例が載っています。とりあえずこのサイト自体のデザインがやばいんですけどねw
CSS3.0 Maker
CSSで大まかにできることを選択するだけで勝手にコードを作ってくれると言うツールです。
CSS3 Button Generator
CSS3.0Makerと同じ原理でボタンを勝手に作ってくれます。
TExt to ASCII Art Generator
これは打った文字をそのままモスキーアートにしてくれますw
あんまり使う機会はないかもしれないですね（笑）
このくらいですね。とりあえずHTML/CSSはおおよそカバーしてるのでどんどんウェブサイト作っていきたいですね！！！
それではまたCyaaaaaa!!!!
ABOUT ME
カナダのBCITとか言う短大卒業。その後４年ほどカナダでWEB制作系フロントエンドエンジニアとして働いて、今は東京で働いてるニキの雑記ブログ。カナダ留学、英語、WEB制作、ポイ活などなどを主に記事として書いてます。
