2021年10月〜2021年12月の個人的ブックマークです。
2021/10
Development
- Gutenberg 11.6 Introduces New API for Locking Blocks – WP Tavern
- 加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける
- Expandable Sections Within a CSS Grid | CSS-Tricks
- Jamming into the Mainstream: Jamstack Community Survey 2021 | Jamstack
- fabiospampinato/cash: An absurdly small jQuery alternative for modern browsers.
- sachinchoolur/replace-jquery: Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.
- 18 Creative Custom Cursors - 1stWebDesigner
- Blobity | Level up your cursor game
- Google Developers Blog: Announcing the Google Forms API
- Sticky Definition Lists | CSS-Tricks
- Building an effective Image Component
Design / Inspiration
- Typography for Data. How to Systematize Internal Products… | by Michael Yom | Tap to Dismiss | Sep, 2021 | Medium
- We Analyzed 425,909 Favicons • iconmap.io
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- 3dicons - Open source 3D icon library
- Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG) — Smashing Magazine
Services / Resources
- Flowrift - Beautifully designed Tailwind CSS UI blocks.
- NextUI - Beautiful, fast,modern React UI Library
- Goodbye IE
- Mana - Your All-in-One Workspace
- Animated Backgrounds
- Lorem.space - placeholder image generator
- Logoipsum | Free Placeholder Logo For Your Design Mock-up
- Free PO editor
- Rowy – GCP as easy as ABC
- pocoloco
- Your code displays Japanese wrong | Your Code Displays Japanese Wrong
2021/11
Development
- themesberg/tailwind-dashboard-windster: Free and open-source admin dashboard interface built on top of Tailwind CSS and Flowbite
- Add to Calendar Button | JavaScript Auto-Generator Snippet
- Tiny UI Toggle - Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
- You Probably Don't Need Media Queries Anymore - DEV Community
- Responsive Layouts, Fewer Media Queries - CSS-Tricks
- Layout patterns
- Icon Glassmorphism Effect in CSS - CSS-Tricks
- [WordPress] 日本語ファイル名でアップロードした画像を%エンコーディングしたい - Qiita
- google/budoux
- React Location - Enterprise routing for React applications
- クリエイティブコーディングの教科書
- A Clever Sticky Footer Technique - CSS-Tricks
- 触ってみてわかったNext.jsと比べた時のRemixの特徴
- Remix という 考え方
- A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine
- Parallax Powered by CSS Custom Properties - CSS-Tricks
Design / Inspiration
- Adobe Fontsにアドビオリジナル日本語フォント「ヒグミン」や、昭和書体など、魅力溢れるフォントが多数追加
- UI/UXデザイナー語る、デザイン Tips【20選】 - RAKUS Developers Blog | ラクス エンジニアブログ
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- dddoodle → Collection of Fun Hand-Drawn Illustrations in SVG Format
- Free Isometric Illustrations - In PNG and SVG Format
- Download Page Flip Text Effect
Services / Resources
- Flowbite - Build websites even faster with components on top of Tailwind CSS
- CSS buttons, checkboxes, and more!
- PoemKit
- Spectrum- Web Generator
- Showcode - Beautiful code screenshots
- Accessibility Myths
- 2021 Design Tools Survey | UX Tools
2021/12
Development
- Defensive CSS - Ahmad Shadeed
- Writing Better CSS | Aleksandr Hovhannisyan
- リセットCSSを我が手に（elm-reset-css）
- みんなが使えるカルーセルUIを考える | CyberAgent Developers Blog
- DoodleCSS
- Alternate Column Scroll Animation - Codrops
- simpleParallax.js - a JavaScript library for parallax effects
- Notyf: A minimalist JavaScript library for toast notifications.
- Pixel Patterns
Design / Inspiration
- Pantone Color of the Year 2022 / Introduction | Pantone
2022年はVery Periに。 - Logo Design Trends 2022: The Future of Logos — The Designest
- 新しい日本語フォントがたくさんリリースされてる！ 2021年、日本語の新作フリーフォントのまとめ | コリス
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。