3
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

エンジニアが知っておくとよいCSS、UIデザイン情報リンク集

Last updated at Posted at 2021-02-16

エンジニアが知っておくとよいCSS、UIデザインに関する情報のリンク集です。随時更新します。

CSSメタ言語

  • Sass ... CSS拡張言語。
  • LESS ... CSS拡張言語。
  • Stylus ... CSS拡張言語。

ライブラリ、FW

VSCode拡張

  • HTML CSS Support ... CSSのインテリセンス。
  • Fabulous ... GUIでCSSを記入できる。CSS-in-JSやscssも対応。
  • CSS Peek ... CSSクラスのトラッキング、"Go TO Definition" などを可能にする。

Chrome拡張

  • ColorZilla ... カラーピッカー。
  • Stylus ... 現在のページのCSSを変更できる。
  • User CSS ... 現在のページにカスタムCSSを適用できる。
  • CSS Pepper ... 現在のページに当たっているStyleを確認できる。
  • IE Tab ... Chrome上でIEの動作を確認できるChrome拡張。

CSS設計

Webエディタ

各チームのデザインガイドライン、デザインシステム

UIデザインの参考になるもの

  • Drrible ...UIデザインの参考になるプラットフォーム。
  • Adobe Behance ... UIデザインの参考になるプラットフォーム。
  • Pinterest ... UIデザインの参考になるプラットフォーム。
  • CodePen ... 他社のUIデザインやCSSの参考にになるプラットフォーム。
  • UX MILK ... UI, UXの参考になる記事。
  • CSS-TRICS ... CSSに関する技術(アイデア)記事。
  • frontend horse ... CSSに関する技術(アイデア)記事。
  • IKESAI.COM ... Webデザインの参考となるWebページ集。
  • ics.media ... UIに関する技術記事。
  • graphic Mama ... UIに限らずデザイン全般に関する記事。
  • Adobe Color ... 色の参考にになるカラー集。
  • many-pixels ... ロイヤリティフリーの画像集。
  • DESIGN FILES ... Design Kitの販売。

デザインツール

この記事を書くにあたって参考・参照した文献
3
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?