2019年1月〜2019年3月の個人的ブックマークです。
2019/01
Development
- Top Pens of 2018 on CodePen
- Stepping away from Sass
- Slice and Dice a Disc with CSS | CSS-Tricks
- Approaches for a CSS Masonry Layout | CSS-Tricks
- What's New in JavaScript for 2019 | Okta Developer
- Custom Cursor Effects | Codrops
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- A free set of 150 vector icons
- Childhood Flat Icons Set
- Space Marble Backgrounds Set
- Art Deco Geometric Patterns
Services / Resources
- Blobmaker
- Git Explorer
- New year, new GitHub: Announcing unlimited free private repos and unified Enterprise offering - The GitHub Blog
- Mockup your designs simply and beautifully.
- mailtolink.me | markup generator for mailto links
- Webfont – Create and manage custom SVG icon fonts | Webfont app for Mac
2019/02
Development
- useHooks - Easy to understand React Hook recipes
- CSSans Pro - The Colourful, Sassy, CSS Font
- Grid Reveal Effects with Anime.js | Codrops
- instant.page
- Textblock
- john-doherty/long-press-event: Adds `long-press` event to the DOM in 0.5k of pure JavaScript
- twbs/rfs: Automated responsive font sizes
- filamentgroup/select-css: Cross-browser styles for consistent select element styling
Design / Inspiration
- fontplus/web-typography-glossary: Webタイポグラフィの基礎知識と実践
- 10 Web Design Trends to Watch in 2019 | Design Shack
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- シンプルな線画イラスト素材は「Linustock」- 無料ダウンロード
- Mixkit - Extraordinary Free HD videos
- WOWA | Free do whatever you want Music
- Remix Icon
- Unicons
- Eva Icons
- LineIcons
Services / Resources
- LisaDziuba/Awesome-Design-Tools: The best design tools for everything.
- Avatar Placeholder Library - DiceBear Avatars
- Joe Schmoe | An illustrated avatar collection
- ICONSVG - Quick customizable SVG icons for your project
- Best SVG Pattern Generators » CSS Author
2019/03
Development
- pikapkg/web: Run npm dependencies directly in the browser. No Browserify, Webpack or import maps required.
- Zero Server - Zero configuration web framework
- femtoJS - Really small JavaScript (ES6) library for DOM manipulation.
- sebastianmusial/SSCSS: Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.
- 今どきのスムーズスクロール(2019年版) - to-R Media
- 入門 Docker
- How to Create Smooth WebGL Transitions on Scroll using Phenomenon | Codrops
- 38 CSS Magazine Layouts
The CSS Working Group agreed this morning on adding many math functions. We now have:
— Benjamin De Cock (@bdc) February 28, 2019
• calc()
• min()
• max()
• clamp()
• sin()
• cos()
• tan()
• acos()
• asin()
• atan()
• atan2()
• hypot()
• sqrt()
• pow()
The face of CSS is rapidly changing.
Design / Inspiration
- 59分割ヤバイ｜深津 貴之 (fladdict)｜note
- Solid Vs. Outline Icons: Which Are Faster to Recognize?
- How to simplify your design – UX Planet
- Checklist Design - best UI elements for the best UX practice
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
- Charts – Free Design System for Sketch
- Illustrations Gallery · ManyPixels
- Illustrations | unDraw
- Humaaans: Mix-&-Match illustration library
- DrawKit - Beautiful free illustrations
- IRA Design - Build your own amazing illustrations @ Creative Tim
- 37 Popular Free Illustrations - Iconscout