こんにちは、おおとろ（@digiangler）です。 Apple の macOS Big Sur で採用したりと少し前からまた注目された始めたGlassmorphism（グラスモーフィズム）。 透明度が高い背景とぼかしを組み合わせて、半透明の擦りガラスを表現したような見栄えが、私は大好きです。

Glassmorphism design effect with semi-transparent and blurred background. Floating-label animation for input fields. Responsive and modern layout. 'Remember me' checkbox and 'Forgot password' link.

This is a modern, responsive HTML/JS/CSS quiz application that presents users with multiple-choice questions and provides them with a score at the end of the quiz. The app features a polished design ...

UIのスケルトンデザインとは、ガラスような質感「Glassmorphism（ガラスモルフィズム）」 現在のアップル製品は、アルミニウム製のユニボディ（1つの素材を削り出して一体成型された構造）を採用しています。このデザインを本格的に採用したのは、2008年 ...

Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。 100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あらゆるサイズで利用できます。 Pattern Craftは ...

パワーポイントの超おしゃれなグラスモーフィズムのデザインについての動画です。（PowerPoint Glassmorphism） 今回は、超おしゃれなグラスモーフィズムのデザインの作成方法の基本について、丁寧に解説させていただきました。 一見難しそうに見えるかも ...

Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。 Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTML ...