iT邦幫忙

vuetify相關文章
共有 61 則文章
鐵人賽 Modern Web DAY 17
Daily UI : 開發者版 系列 第 17

技術 Vuetify:File Upload Widget

https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...

鐵人賽 Modern Web DAY 5
30天Vue出Google SSO 系列 第 5

技術 Day 05. F2E-首頁開發

今天要來實作首頁的部分應該會有人覺得很奇怪,為什麼SSO會需要首頁? 做登入頁就好了吧? 需要首頁的原因是這樣的 你就做的跟Google一樣就好了!! 而...

技術 [鼠年全馬] W32 - Vue出一個旅館預約平台(6)

因為上個月直接專注在 [iT邦鐵人賽]直接好幾個禮拜都沒有刷 [鼠年全馬] 進度xD 這週回歸來做我們美美的旅館預約平台 #複習 來複習一下目前的進度 V...

鐵人賽 Modern Web DAY 12
Daily UI : 開發者版 系列 第 12

技術 Vuetify:Credit Card Payment

https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 13

技術 #13 元件開發: TheTags

上一篇將 blog 所需要的頁面整體結構都建好了,但其實內容都還沒有做啊。 因為會用到許多套件,接下來的篇幅,會先將頁面所需要的元件寫完,再完成所有頁面的切版與...

鐵人賽 Modern Web DAY 9
Daily UI : 開發者版 系列 第 9

技術 Vuetify:Search Header

https://codepen.io/hereiscasio/pen/QZrBpP Used UI Component ( #2 ) #1 Text fiel...

鐵人賽 Modern Web DAY 4
Daily UI : 開發者版 系列 第 4

技術 Vuetify:Preface › ❹ Best Learning Strategy on Vuetify

The Fastest Way to start Vuetify 以上為目前其網站的主要章節列表,本系列文雖忽略最後一項,但建議可配合 Getting st...

鐵人賽 Modern Web DAY 16
Daily UI : 開發者版 系列 第 16

技術 Vuetify:About Card

https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...

鐵人賽 Modern Web DAY 29
Daily UI : 開發者版 系列 第 29

技術 Vuetify:Google YoutubeMusic › Static Layout

https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...

鐵人賽 Modern Web DAY 27
Daily UI : 開發者版 系列 第 27

技術 Vuetify:Google Domain

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...

鐵人賽 Modern Web DAY 26
Daily UI : 開發者版 系列 第 26

技術 Vuetify:Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼,今天專門介紹 Vue-port...

鐵人賽 Modern Web DAY 18
Daily UI : 開發者版 系列 第 18

技術 Vuetify:Google Trend

https://codepen.io/hereiscasio/pen/ExYGOPr?editors=1010 Used UI Component ( #3...

鐵人賽 Modern Web DAY 9
30天Vue出Google SSO 系列 第 9

技術 Day 09. F2E-輸入密碼

今天進度目標要完成登入頁的 輸入密碼 頁~ #輸入密碼開發 其實 輸入密碼 頁,跟 輸入帳號 頁幾乎一樣參考Google畫面 所以第一步... ctrl+c...

鐵人賽 Modern Web DAY 21
Daily UI : 開發者版 系列 第 21

技術 Vuetify:Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難?難就難在如何以既有的 Vuetif...

鐵人賽 Modern Web
30天Vue出Google SSO 系列 第 29

技術 Day 29. F2E-完善過渡動畫

昨天後來在看效果時,有發現過渡動畫的元素已經完全超出卡片組件的範圍了,這個不是我們想要的效果理想中的效果是要在卡片組件中完成,不能超出範圍 #加上進度條 這...

鐵人賽 Modern Web DAY 17

技術 #17 元件開發: ThePostPreview (default & admin 模式)

~~快要爆炸啦~~~~最近要趕工作~~~~快要齁不住了~~ 今天來寫一個文章摘要預覽的元件,主要有兩種模式: default: 使用者會看到的模式。 admi...

鐵人賽 Modern Web DAY 2
30天Vue出Google SSO 系列 第 2

技術 Day 02. 專案規劃

在一個專案啟動前,都會先有一個專案規劃書或規格書通常第一版會漏很多資訊,或是不合理的條件,然後慢慢的去修定版本內容基本上會包含: 概述 專案簡介 目標 系統...

鐵人賽 Modern Web DAY 1
30天Vue出Google SSO 系列 第 1

技術 Day 01. 前言

#為什麼選這個主題? Google SSO是在我上完六角學院的Vue課程之後做的第一個專案,會做這個專案的原因是由於公司的需要整合所有系統的登入入口,剛好就這...

鐵人賽 Modern Web DAY 13
Daily UI : 開發者版 系列 第 13

技術 Vuetify:What is your budget ?

https://codepen.io/hereiscasio/pen/dgKWEX?editors=1010 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 19
Daily UI : 開發者版 系列 第 19

技術 Vuetify:Google Translate

https://codepen.io/hereiscasio/full/XWryZQO Used UI Component ( #3 ) #1 Tooltip...

鐵人賽 Modern Web DAY 24
Daily UI : 開發者版 系列 第 24

技術 Vuetify:Google Cardboard

https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...

鐵人賽 Modern Web DAY 14
Daily UI : 開發者版 系列 第 14

技術 Vuetify:Calories Calculator

https://codepen.io/hereiscasio/pen/yRxWpb?editors=1010 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 15
Daily UI : 開發者版 系列 第 15

技術 Vuetify:Add To

https://codepen.io/hereiscasio/pen/mzvMdy?editors=1010 Used UI Component ( #3 )...

鐵人賽 Modern Web DAY 28
Daily UI : 開發者版 系列 第 28

技術 Vuetify:Google Contact

https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...

鐵人賽 Modern Web DAY 25
Daily UI : 開發者版 系列 第 25

技術 Vuetify:Google News › Static Layout

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...

鐵人賽 Modern Web DAY 22
Daily UI : 開發者版 系列 第 22

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...

鐵人賽 Modern Web DAY 10
Daily UI : 開發者版 系列 第 10

技術 Vuetify:Account Settings

https://codepen.io/hereiscasio/pen/mzKZzx?editors=1000 Used UI Component ( #2 )...

鐵人賽 Modern Web DAY 23
Daily UI : 開發者版 系列 第 23

技術 Vuetify:Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣,今...

鐵人賽 Modern Web DAY 11
Daily UI : 開發者版 系列 第 11

技術 Vuetify:Crowdfunding Card

https://codepen.io/hereiscasio/pen/xyWppM?editors=1000 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 20
Daily UI : 開發者版 系列 第 20

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...