2022年10月〜2022年12月の個人的ブックマークです。
2022/10
Development
- Smooth Panel Scroll Effects | Codrops
- 58 bytes of css to look great nearly everywhere
- Pokémon Cards CSS Holographic Effect
- vercel/satori: Enlightened library to convert HTML and CSS to SVG
- SVG Animals - a Collection by Olivier 3lanc on CodePen
- Easy Fluid Typography With clamp() Using Sass Functions — Smashing Magazine
- CSS { In Real Life } | CSS Halftone Patterns
- The wasted potential of CSS attribute selectors by Elise Hein
- Fancy Image Decorations: Outlines and Complex Animations | CSS-Tricks
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
- Ultra
- AI-powered stock photos | StockAI
- Turbopack - The successor to Webpack
- html.to.design | Figma Community
- Design Systems For Figma
- Randoma11y - Accessible color combinations
- Fallback Font Generator
- Obsidian
- Palette - Colorize Photos
2022/11
Development
- Making Static Noise From a Weird CSS Gradient Bug | CSS-Tricks
- CSS Grid and Custom Shapes, Part 3 | CSS-Tricks
- The evolution of scalable CSS
- Tree views in CSS
- Lenis – Get smooth or die trying
- TourGuide JS | Intuitive and customisable tours for user on-boarding
- Fancy frames with CSS • charlottedann.com
- 8 CSS & JavaScript Snippets for Creating Cool Cursor Effects
Design / Inspiration
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
- The Component Gallery
- Design Tokens Generator
- State of CSS 2022
- CSS Clothoid Corners
- UnJS - Unified JavaScript Tools
- Hexagon Pattern Generator – more.graphics
- Products, Tools and Resources for Developers & Designers | Resource.fyi
- 65 Beautiful CSS checkboxes examples - CSS Scan
- Icônes
- Gutenberg Best Practices
- Glyphs → Copy & Paste Symbols
- WordPress Developer Blog – A site for plugin and theme developer, freelancers, and agency developers
2022/12
Development
- The large, small, and dynamic viewport units
- Tooltip to Gallery Transition | Codrops
- Three CSS tips for working with inconsistently sized logos
- Nextra v2.0
- infinite scroll and Wormy Scroll
- CSS Infinite 3D Sliders | CSS-Tricks
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
- The State of CSS 2022
- Help choose the syntax for CSS Nesting | WebKit
- 2022 Design Tools Survey | UX Tools
- The WP Awards 2022 | Top Winners & Votes
- IMG Quest | An open-source API to generate Open Graph images
- CodeImage - A tool to manage and beautify your code screenshots
- New WordPress Sandbox Project Demos: Test-Drive Themes and Plugins in the Browser – WP Tavern
- 50 Tiny Little Web-Based Tools for Web Designers from 2022