西山実伶/通信ネットワーク演習

西山実伶

通信ネットワーク演習

演習

• Blank File : javascript_blank
• Color Picker : javascript_color
• Loading Animation : javascript_loading
• Gallery : javascript_gallery
• Text Animation : javascript_text_animation
• Gallery2 : javascript_gallery2
• Scroll : javascript_scroll
• Map : javascript_scroll
• Navigation：javascript_map
  
  
  
  

最終成果物

ポートフォリオサイトのテンプレート

https://miiir-nishiym.github.io/portfolio2023/

サイトの趣旨

今後のために自分のポートフォリオサイトを持ちたいと思ったため、その準備としてポートフォリオサイトのテンプレートを制作した

技法・技術情報

• イベント（click）
• スクロールされたら表示
• ローディング
• CSSを使ったアニメーション
  
  

先行事例・参考情報

• ローディングアニメーション
• スクロールアニメーション
• CSS/JavaScriptで作られた美しいアニメーション背景8選
• ページトップへ戻るボタンの作り方【JavaScript】
  
  
  
  

リンク

公開リポジトリ

• GitHub：https://github.com/miiir-nishiym
  ※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。