2020年4月〜2020年6月の個人的ブックマークです。
2020/04
Development
- Rapid Image Layers Animation | Codrops
- BEM Naming Cheat Sheet by 9elements
- 65+ Most Common WordPress Errors and How to Fix Them
- Dark mode and variable fonts | CSS-Tricks
- Using CSS to Set Text Inside a Circle | CSS-Tricks
- New media queries you need to know - LogRocket Blog
- 1loc | Favorite JavaScript single line of code
🔥 TIL a #CSS trick to handle that annoying mobile viewport bug with `100vh` in WebKit (iOS Safari)! #WebDev #ProTip pic.twitter.com/lefD0Klqzd
— Matt Smith (@AllThingsSmitty) April 25, 2020
A little HTML trick you can use to show a different image in dark mode pic.twitter.com/yyFIGAPRcA
— Flavio (@flaviocopes) April 27, 2020
Design / Inspiration
- Button Design — UI component series | UX Collective
- UI cheat sheet: dropdown field - UX Collective
- UI Design Daily | Weekly FREE UI resources straight to your inbox
- Palette List - Color Palette Generator - 10,000+ Palettes
- colors.lol - Overly descriptive color palettes
Material / Freebies
紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Services / Resources
- 新サービス"Shifter Headless"をリリース - 株式会社デジタルキューブ
- 無料でプレスリリースを配信できるサイト20選【2020年版】 - VOIX biz
- Grab n'go visual CSS editor
- Whiteboard Plugin for Adobe XD
- Dark CSS theme generator | Night Eye
- background generator
2020/05
Development
- Deno
- DenoとNode.jsの大きな違い - keroxpのScrapbox
- Are you using SVG favicons yet? A guide for modern browsers.
- IntersectionObserver Visualizer
- WordPress公式dockerパッケージ wp-env による開発環境構築 - Tips - Capital P - WordPressメディア
- Sassを@importから@useに置き換えるための手引き | Web Design KOJIKA17
- WebGL guide - Maxime Euzière
- RoughNotation
- The Fastest Google Fonts – CSS Wizardry – Web Performance Optimisation
- An Infinitely Scrollable Vertical Menu | Codrops
Design / Inspiration
- 🌘 Dark Mode Design – Handpicked website inspiration
- YouTube Sans: The Making of a Typeface - Library - Google Design
- Illustrator で「ロゴデータ」を作るときのチェックリスト|宮澤聖二 | onthehead|note
- Spotify in Neumorphism - UX Collective
- やってはいけないUIアニメーション | ゲームUI演出
- レイアウトデザインの視点を増やす 思考&Tips|ハラ ヒロシ|note
- 17 Tips for Designing with Type on a Photo
Services / Resources
- Blush, Illustrations for everyone
- Find Open Source By Searching, Browsing and Combining 7,000 Topics
- StyleStash - Save your favorite CSS styles from any website
- GitHub Writer | A WYSIWYG editor for GitHub
- Uneed - Frontend. The best tools for front-end developers.
- SVG Path Visualizer
2020/06
Development
- Grid.js - Advanced table plugin
- How to Create a Motion Hover Effect for a Background Image Grid | Codrops
- The Mad Magazine Fold-In Effect in CSS | Thomas Park
- Bootstrap · The most popular HTML, CSS, and JS library in the world.
- Release v2.13.0 · nuxt/nuxt.js
- CSS :is() and :where() are coming to browsers | Web Platform News
Design / Inspiration
- 10 Newest and promising UI design trends - UX Collective
- やめてほしいUIアニメーション | ゲームUI演出
- Interfaces | Brand-focused collection of UI design examples
- Parts. - SaaS/コーポレートサイトのパーツ別Webデザイン集
- Font In Logo - Search Engine for Logos&Fonts