2019年7月〜2019年9月の個人的ブックマークです。
2019/07
Development
- mike-engel/a11y-css-reset: A small set of global rules to make things accessible and reset default styling
- Index fun
- Creating Pixel Art with CSS - DEV Community 👩💻👨💻
- How to add Flexbox fallback to CSS Grid | Zell Liew
- Five Methods for Five-Star Ratings | CSS-Tricks
- CSS Animation Libraries | CSS-Tricks
- Smooth Scrolling Image Effects | Codrops
- Locomotive Scroll | Detection of elements in viewport & smooth scrolling with parallax effects.
- 15 CSS Background Effects - 1stWebDesigner
- Framer Motion
- 【永久保存版】Gitのあらゆるトラブルが解決する神ノウハウ集を翻訳した - LABOT 機械学習ブログ
- Intrinsically Responsive CSS Grid with minmax() and min()
- Practical Ways to Write Better JavaScript - DEV Community 👩💻👨💻
Design / Inspiration
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
2019/08
Development
- All the New ES2019 Tips and Tricks | CSS-Tricks
- Native lazy-loading for the web | web.dev
- NuxtPress
- レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ
- Exploring prefers-reduced-motion / Stoyan's phpied.com
- Chart.xkcd | xkcd styled chart lib
- pagemap · mini map for web pages · larsjung.de
- CSS { In Real Life } | How to Accessibly Split Text
- cmiscm/leonsans: Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.
Design / Inspiration
- 文字装飾デザイン基本の10パターンを参考例とともにご紹介します！ | 東京上野のWeb制作会社LIG
- デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna｜note
Services / Resources
- Tree - ツリー状に書く、マークダウンドキュメント。
- Introducing Duotone
- News — Vue.js
- Get Waves – Create SVG waves for your next design
- Logo Maker - Create a Free Logo in Minutes - Namecheap
- Color Tools For Designers 2019 - Muzli - Design Inspiration
- SVG Artista
- Color Palette Generator - Create Beautiful Color Schemes
2019/09
Development
- Webサイトをダークモードに対応させよう | Webクリエイターボックス
- How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG | Codrops
- CSS Style Guides - dailydevlinks.
- 7 CSS Particle Backgrounds
- My favorite CSS hack - DEV Community 👩💻👨💻
- Logical Operations with CSS Variables | CSS-Tricks
- apankrat/js-noisy-gradient: Small and fast lib for smoothing visible banding in linear-gradient backgrounds.
- augmented-ui - Integrate your apps with technology
- UI Interactions | Raphael Fabeni
- sass/module-system.md at master · sass/sass
- 付録: JavaScriptチートシート · JavaScript Primer
Design / Inspiration
- Typography Basics: Terminology, Examples and Infographics
- 37 Exceptional Font Pairings Trends in 2019 | Nice, Very Nice!
- マネるデザイン研究所 | 学ぶはまねぶ
- 「ロゴをデザインする」とはなんなのか。ロゴデザインに挑むデザイナーが考えていること｜ハルカナ/声で伝えるクリエイター｜note
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。