2021年7月〜2021年9月の個人的ブックマークです。
2021/07
Development
- Simple CSS Hack to Reduce Page Load Time | by Mayank Gupta | Jun, 2021 | JavaScript in Plain English
- CSS { In Real Life } | Detecting Hover-Capable Devices
- Foxtail CSS
- React Aria
- jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
- DFlex | JavaScript project to Manipulate DOM Elements
- The New CSS Reset | the-new-css-reset
- 劇薬の The New CSS Reset | Web Design KOJIKA17
- inline text editor - A simple javascript WYSIWYG editor
- Detecting media query support in CSS and JavaScript | Kilian Valkhof
- Javascript Input Mask | imaskjs
- WordPress 5.8 “Tatum” Introduces Block Widgets, Duotone Media Filters, New Emoji Support, and More – WP Tavern
- Creating An Accessible Dialog From Scratch — Smashing Magazine
- 31 CSS clip-path Examples
Design / Inspiration
- OGP.GALLERY
- OGimage.gallery | The finest hand-picked OG Images ✨
- 検索結果の絞り込み・並び替えUIの観察｜鈴木慎吾 / TSUMIKI INC.
- iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin｜note
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Beautiful Background Animations & Illustrations
- 3D Bay - Free 3d Stock images by CloudDevs
- Release v5.2.1 · IBM/plex
Services / Resources
- Code House - Store House of 300+ Developer Cheatsheets
- GitHub Copilot · Your AI pair programmer
- TailwindCSS Buttons
- GradientArt | Advanced CSS Gradient Editor
- Toolb - Your daily web toolbox
- Unicode Arrows
2021/08
Development
- theme.json を使ったテーマデザインの設定 | WordPress.org 日本語
- Aligning a Button Label Vertically - Ahmad Shadeed
- Magical Marbles in Three.js | Codrops
- CSS accent-color
- Jamstack CMS: The Past, The Present and The Future — Smashing Magazine
- 🤨 The #CSS ways, old VS new, to set the <body> element to cover the entire 'height' of the screen:
Material / Freebies
Services / Resources
- VOICEVOX
- SVG Gobbler
- Access Guide
- shaper — interface styles shaper
- Can I still use…
- React.js Examples
- INSTAD.IO - Free image tracer,color vectorizer with hand-drawn styling.
- Buttons Generator - Marko Denic - Web Developer
2021/09
Development
- Surface Sampling in Three.js | Codrops
- 36 Beautiful CSS Photo Filters | Baseline
- 今日からはじめる！ WEBアクセシビリティ対応｜リクルート Air ビジネスツールズ プロダクトデザイン
- Grainy Gradients | CSS-Tricks
- The Headless WordPress Framework | Faust.js
- Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) - necco note｜necco inc.
- Designing Beautiful Shadows in CSS
- Theatre.js - JavaScript Motion Design Library
- Motion One: The Web Animations API for everyone
- Auroratide/typewritten-text: The text types itself out!
Design / Inspiration
- 10 fundamental UI design principles you need to know | Dribbble Design Blog
- Adobe Fontsの日本語フォントが大幅拡充！魅力あふれるラインナップが追加され、ますます充実しました
- 【エンジニア向け】デザインをいい感じにするコツ