Web制作チートシート(個人用)

CSS

① CSS グラデーション ジェネレーター

CSS Gradient — Generator, Maker, and Background

② CSS グラデーションアニメーション ジェネレーター

CSS Gradient Animator | Fuze

③ CSS クリップパス ジェネレーター

Clippy — CSS clip-path maker

④ CSS ストライプ背景 ジェネレーター

Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS

⑤ CSS マスクフィルター ジェネレーター

The Hero Generator

⑥ CSS シェイプ ジェネレーター

Shape Divider App

⑦ カラーチャート

カラーチャート/カラーグラデーション - TAG index

⑧ ニューモフィズム ジェネレーター

https://neumorphic.design/

⑨ CSS 破線 ジェネレーター

SVG

① SVG シェイプ ジェネレーター

Get Waves – Create SVG waves for your next design

Font & Icon Lists

① FontAwsome

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

Font Awesome

② Google Fonts

Browse Fonts - Google Fonts

③ マテリアルアイコン

Material Icons

JavaScript

① Gsap Easing

Docs

②  jQuery → Vanilla.js

【脱jQuery！】ネイティブなJavaScript（Vanilla JS）への書き換え方まとめ | WEMO

Other

① ブラウザサポートチェック

Can I use... Support tables for HTML5, CSS3, etc

② HTML入れ子チートシート

HTML5 入れ子チートシート | 吉川ウェブ