2019年10月〜2019年12月の個人的ブックマークです。
2019/10
Development
- Build a PWA Using Only Vanilla JavaScript - Level Up Coding
- TinaCMS
- CSS Circles - Cloud Four
- Introducing Sass Modules | CSS-Tricks
- HTML5のLocal Storageを使ってはいけない(翻訳)
- jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
- daybrush/moveable: Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
- How to Create Motion Hover Effects with Image Distortions using Three.js | Codrops
- Animated Position of Focus Ring | CSS-Tricks
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Devices | Facebook Design
- cursorOS - original macos cursors
- Unicorn Vector Gradients
- Animated Icons - 200 Free Icons
- Fresh Folk
- Open Doodles
Services / Resources
- GitSheet
- Free for developers
- Bootstrap Admin Template | Bootstrap Dashboard | Admin Dashboard
- Naming Convention
- Explore Isobuild isometric design editor to create awesome illustrations
- 未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
2019/11
Development
- Uncommon Use Cases For Pseudo Elements
- Izmir - ImageHover CSS Library
- Avoiding jagged edges on gradients. - Pixel and Ink - Medium
- LegraJS
- Using CSS custom properties to reduce the size of your CSS | CodyHouse
- Scrolling controls for HTML5 video
Design / Inspiration
- Design Inspiration Resources 2019 - Muzli - Design Inspiration
- Sidebearings
- Gifolio - A showcase of portfolio inspiration from top designers
- ダークモードの観察|鈴木慎吾 / TSUMIKI INC.
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Line Awesome — Free Beautiful Icon Font
- Lordicon Animated Interactive Web Icons
- 5k+ Tartan Patterns | Tartanify.com
- illlustrations - open source illustrations kit
Services / Resources
- WPCOM – Curated Directory of WordPress Resources & Tools
- AppLibsList | Collection of Libraries, Tools and Components for ReactJS
- HTMHell - Markup from hell
- Animated CSS Background Generator | Vincent Will
2019/12
Development
- CSS Layout
- Techniques for Rendering Text with WebGL | CSS-Tricks
- The State of JavaScript 2019
- Top Pens of 2019 on CodePen
Design / Inspiration
- Pantone Color of the Year 2020 Introduction | PANTONE 19-4052 Classic Blue
2020年は「落ち着き、自信、つながりを示す色」という理由からClassic Blue(クラシックブルー)に。 - Visualizing Every Pantone Color of the Year
- 伝わる図のつくり方|くぼみ | iPadグラレコ|note
- 伝わる図を作る4つの要素|くぼみ | iPadグラレコ|note
- 35 Coming Soon Pages For Your Inspiration - Hongkiat
- Creative 404-page designs you won't mind getting lost in | Dribbble Design Blog
- Happy Hues - Curated colors in context.
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
- 500+ CSS Icons, Customizable, Retina Ready & API
- Browser Default Styles
- Make a smooth shadow, friend.
- Multicolor CSS Gradients, JPG Downloads, 100% Free! | Gradienta
- Quick Mockup
- SocialSizes.io - Image and Video sizes for Social Media
- Awesome-Design-Tools/Awesome-Design-UI-Kits.md at master · LisaDziuba/Awesome-Design-Tools
- UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie
- Colors and Fonts || Resources for Digital Designer.