参考サイト

reference

デザイン

素材集

2020/05/07

個人的によく使うアイコン素材サイト(商用可/無料)

こんにちは、中の人です。 簡易的なプロトタイプ作りからバリバリのWEBデザインにまで幅広く使っていけそうなアイコン素材の配布サイトをまとめてみました。 クセが少なく、なるべくシンプルなアイコンを取り扱うサイトを厳選していきます。 もくじIndex ICOOON MONO Icon-rainbow iconmonstr Material Design SVG PORN ICOOON MONO だいぶ長いことお世話になっているサイト。大体のアイコンはここで揃う。 もちろんベクターデータのアイコンも配布している。 ICOOON MONO Icon-rainbow 先ほど紹介した「ICOOON MONO」激似なサイト。 取り扱うアイコンも同様にシンプルでクセが少なく使いやすい。 Icon-rainbow iconmonstr アイコン本体の色やサイズだけでなく、アイコンの背景の色や形状などもサイト上でカスタマイズできるイケてるサイト。 iconmonstr Material Design Googleによるマテリアルデザインのガイドラインページ。 よく目にするアイコンが並んでいる。 個人的にかなりオススメ。 Material Design SVG PORN デベロッパー向けのサービスやツールのロゴがSVGでダウンロードできる。 極稀に使える。 SVG PORN

デザイン

参考サイト

2020/04/23

厳選!現役WebデザイナーがオススメしたいWebメディア

こんにちは、中の人です。 今回は、空き時間やちょっとした息抜きの際にサクッと見れる"初学者のWebデザイナー/WebコーダーさんにオススメのWebマガジン・Webメディア"を厳選してみたので是非見てみてください。 こちらの情報は随時、更新していけたらと思います。 もくじIndex PhotoshopVIP JDN 美術手帖 UX MILK Webクリエイターボックス ferret コリス Awwwards. Design notes PhotoshopVIP 最新のデザインニュースからフリーフォント、無料素材まで豊富に取り扱うデザイナーに優しいサイト。 筆者も何か無料素材が欲しい時はだいたいこちらのサイトを見ます。 PhotoshopVIP JDN 主に国内外のニュースやインタビューを取り扱うサイト。 学生時代に死ぬほど読み漁った「登竜門」や「卒展」もJDNさんが運営している。 JDN 美術手帖 イベントや個展、ギャラリーの情報が豊富。 著名人のインタビュー記事も取り扱っている。 美術手帖 UX MILK UI/UX関連の記事が豊富。 それでいて記事一つ一つの質が高く、最近毎日見てるサイト。 海外記事を日本語訳した記事もあるため、海外の情報も取り入れられる。 UX MILK Webクリエイターボックス WEBコーディングの知識を得られるサイト。 筆者はだいたい夜寝る前にこちらのサイトを開く。 Webクリエイターボックス ferret SEO周りやUI/UX関連など、マーケター寄りの記事が多い。 デザイナーもある程度マーケティングの知識が必要なため暇があったら筆者も見ている。 ferret コリス かなり昔からあるイメージ。 実装周りの記事が多く、Webデザイナーにとって学校の先生的な位置付けのサイト コリス Awwwards. 海外のWebアーカイブサイト。 掲載されているサイトがとにかくカッコいい。 実務で参考サイトを探す際、時々使う。 Awwwards. Design notes デザイナー向けのリソースライブラリ。 デザインのコンポーネント集やデザインツール、ニュースサイトなど幅広く扱う。 めちゃくちゃ良いサイトだが、英語なのが玉に瑕。 Design notes

心からオススメしたいRecommend

JavaScript

ライブラリ

「Luxy.js」を使って慣性スクロールやパララックス効果を簡単に実装してみる

CSS

擬似要素

テキストリンクの下線を擬似要素を用いて表示させる方法

広告PR