Day18. UI 實戰篇 - 圖片檢視器

September 27, 2020

58

Day18. UI 實戰篇 - 圖片檢視器

第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte

程式碼連結：https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version=3.28.0

Kalan

September 27, 2020

Tweet

More Decks by Kalan

See All by Kalan

單頁式應用中的無障礙設計

選擇 Svelte 的三個理由 - JSDC

Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21

状態管理を楽にする道

Day25. 如何解析 HTML 語法

Day24. Svelte 如何編譯程式碼（2）

Svelte 如何編譯程式碼（1）

Day22. Svelte 經驗談

Day17. UI 實戰篇 - 音樂播放器

Other Decks in Programming

See All in Programming

日常業務のカイゼンで図る開発チームへの貢献 - YAPC::Kyoto 2023

AT Protocol (BlueSky Social)仕様解説～ W3C DID仕様を添えて～

DevRel/Japan 2023 - １つの事業部だけで行う DevRel とは

Amplify Boostup #2 monorepo 運用による複数プロジェクト開発

PHPUnit 10 概論 / Introduction of PHPUnit 10

Réinventer le composant Console de Symfony

Android端末のNFCを無効化しようとしてダメだった話

Rustの手続きマクロで黒魔術入門

Jakarta EE 10 - Simplicity for Modern and Lightweight Cloud

DDD Demystified ~結局DDDとは何なのか？何でないのか？~ #phperkaigi_reject

防衛的 PHP: 多様性を生き抜くための PHP 入門 / Defensive PHP

改めて整理するWebアプリのビルド・デプロイの基本【コンテナ編】

Featured

See All Featured

Build your cross-platform service in a week with App Engine

Ruby is Unlike a Banana

Unsuck your backbone

Teambox: Starting and Learning

How New CSS Is Changing Everything About Graphic Design on the Web

Producing Creativity

Building a Modern Day  E-commerce SEO Strategy

Faster Mobile Websites

Distributed Sagas: A Protocol for Coordinating Microservices

The Web Native Designer (August 2011)

paulrobertlloyd

Testing 201, or: Great Expectations

10 Git Anti Patterns You Should be Aware of

Transcript

第 12 屆 IT 鐵⼈賽
30 天從 0 到 1 學 Svelte
Day18 - UI 實戰篇：圖片檢視器

View Slide
第 12 屆 IT 鐵⼈賽
功能實作
可以點擊圖片縮圖放⼤
放⼤時可以做上下張切換

View Slide
第 12 屆 IT 鐵⼈賽
進階功能實作
按鈕切換
鍵盤導航
Accessibility ⽀援

View Slide