STUDIOの勉強日記~1日目〜

ブログランキング・にほんブログ村へ

 アイキャッチ

 どうも、ティーです٩( 'ω' )و

 このブログはSTUDIOの基礎を学び

 最終的な目標は、Twitter用のポートフォリオを作成することです( ͡° ͜ʖ ͡°)

 

STUDIOの画像

  

 使う教材は

 STUDIO Japanさんが出してる公式チュートリアルのYouTube動画

www.youtube.com

 

 と

 chot.designさんが出しているSTUDIO入門

chot.design

 

 を使って勉強して、ポートフォリオを作成していきます。

 

 -----------------------------1日目----------------------------- 

 

 1日目は、chot.designさんで公開されてるレッスンを全部見て

 すぐ覚えられそうな、ボタンを作り方・マウスホバー・モーダルウィンド

 の3つを色々いじりながら覚えました٩( 'ω' )و

 

 こっちはマウスホバーです

 左が色だけ変わって、右が色とサイズが変わります

 

practice-tee.studio.design

 

 こっちはモーダルウィンドです(๑╹ω╹๑ )

 クリックしたら、モーダルが現れて閉じるをクリックしたら

 元の画面に戻ります٩( 'ω' )و

modal-window.studio.design

 

 

 明日からは、chot.designさんの載ってない範囲もあると思うので 

 公式チュートリアルを見ながら、なんか作っての繰り返すと思います✌︎('ω'✌︎ )

 

 1日目はこんな感じですね!

 

 では、バイバイ☆*:.。. o(≧▽≦)o .。.:*☆