画像素材と完成版のコードはこちら↓
drive.google.com/drive/folder...
関連動画はこちら↓
インライン要素について： • 注意！インライン→ブロック要素にする理由は...
擬似要素の使い方： • これで怖くない！CSSの擬似要素の仕組みを丸...
本日の動画ではWeb開発の基本中の基本でありながら、サイトの印象を大きく左右する「ボタンデザイン」について学んでいきます。
ボタンはユーザーインターフェースの中でも重要な要素であり見た目や機能性が求められます。
この動画ではHTMLとCSSを使用して、代表的なボタンデザインを一からコーディングしていきます。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：lorem-co-ltd.com/
Twitter： / rubyprogram
#擬似要素, #css, #css ボタン
#web制作 #webデザイン #webデザイナー #javascript #コーディング