Satoshi Murata

UIの記事一覧

画面をスクロールしたら固定ヘッダーに境界線がつくUIをCSSのみで実現する

画面をスクロールしたら固定ヘッダーに境界線がつくUIをCSSのみで実現する方法を紹介します。どんな時にそのようなUIを採用したくなるかというと、画面が読み込まれた直後はヘッダーとコンテンツの境界をシームレスに表現したいが、スクロールをしたらヘッダーが重なるので境界をはっきりさせたい。そんなときです。
開発
  • #CSS
  • #UI
2021年10月26日に公開

Micromodal.jsで開閉時のアニメーションをつける方法

Micromodal.js はWAI-ARIAのガイドラインに準拠した、軽量でアクセシブルなモーダルライブラリです。このmicromodalを使ってモーダルUIを実現するときに、どうやって開閉時のアニメーションをつけるのでしょうか。
開発
  • #JavaScript
  • #JavaScriptライブラリ
  • #UI
2021年6月17日に公開
  • すべての記事
  • 開発22
  • デザイン12
  • 仕事4