ポートフォリオサンプルサイトフェードイン1. HTML構造とセマンティックタグの使用 2. CSSの使い方とデザイン 3. パフォーマンスの最適化 また、<link rel="preload">を活用して重要… 続きを読む →
アクセシビリティとユーザビリティ:Googleが求めるよいUXを実現する方法Googleは「よいUX(ユーザーエクスペリエンス)をもたらすコンテンツ」の特徴として、アクセシビリティが担保されており、ユーザビリティが高く、あらゆる人が利用できる状況であることを挙げています。本記… 続きを読む →
Bootstrapでポートフォリオを模写練習|初心者向けに解説1. はじめに Web制作を学ぶ際に 模写練習 は非常に効果的な方法です。特に Bootstrap を活用すれば、効率よくレスポンシブなデザインを実装できます。本記事では、Bootstrapを使ってシ… 続きを読む →
CSSネスト×BEM×FLOCSS対応コーディングガイドSSネスト(CSS Nesting Module)は、2023年以降モダンブラウザに標準実装され、SCSSなしでも構造的にスタイルを記述できるようになりました。本記事では、このCSSネストを活用しなが… 続きを読む →