Webで使えるJavascriptライブラリ

Green Sock greensock.com <script src="https://cdn.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> animejs animejs.com <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script> https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js Darkmodejs dark…

2020-12-04

デザインをするときに使えるツール

Flaticon www.flaticon.com freeのiconを使うことができるツール PatternPad patternpad.com 幾何学模様が簡単に作ることができるツール Colorsandfonts www.colorsandfonts.com 色や文字など組み合わせなどが載っているツール SNAZZY MAP snazzymaps.com go…

2020-12-04

Webデザイナーが目指すべき世界的コンテスト

Awwwards www.awwwards.com インターネット上のデザイン、創造性、革新に対する賞 CSSDesignAwards www.cssdesignawards.com デジタルフォーク、UI/UXのぞき見、そしてWebの刺激的なリーダーのためのWebデザイン&開発賞プラットフォーム CSSWINNER www.cssw…

2020-12-04

デジタルの中でデザインする人は必ず読むべき教科書

Apple developer.apple.com ヒューマンインターフェイスガイドライン macOSやiPhoneなどで使われるUIの色情報やタイポグラフィなどの文字情報などが載っているDeveloperガイドラインサイトである。 ※すべて英語で書かれている Google material.io マテリアル…

2020-10-31

VScodeにAdobeXDの拡張機能を入れてみた

adobeそれは有名なデザインソフトツールを作る会社である。そのadobeから出ているadobeXDの拡張機能がVScodeに追加されたのである。 Adobe XD for Visual Studio Code これはAdobeXDで作成された色情報、文字サイズ、書体、などがcssやsassのファイルに…

2020-10-30

cssのmin(),max(),clamp()関数

max() min() clamp() cssで@media screenを使っているのはもう古い！！ということで続いておすすめのcssの書き方を紹介しよう〜！！それがmin()とmax()とclamp()の関数だ！サポートされていなのではないか？と思われるが、 https://caniuse.com/css-math-…

#Web Developer

2020-06-17

ReactアプリをGithub で公開

パッケージgh-pagesを使用はじめにパッケージをインストールします． ~/react-sample/ $ npm install gh-pages --save-dev 次にpackage.jsonにスクリプトとホームページを追加します． ~/react-sample/package.json { "scripts": { "predeploy": "npm run b…