iT邦幫忙

vuetify相關文章
共有 60 則文章
鐵人賽 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 15
Daily UI : 開發者版 系列 第 15

技術 Vuetify:Add To

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

鐵人賽 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 13
Daily UI : 開發者版 系列 第 13

技術 Vuetify:What is your budget ?

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

鐵人賽 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 11
Daily UI : 開發者版 系列 第 11

技術 Vuetify:Crowdfunding Card

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

鐵人賽 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 9
Daily UI : 開發者版 系列 第 9

技術 Vuetify:Search Header

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

鐵人賽 Modern Web DAY 17

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

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

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

技術 Vuetify:Fashion Header

https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天...

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

技術 Vuetify:Cinema Application › More discussion

Things We need to discuss How to do Functional Component Composition Thinking...

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

技術 Vuetify:Cinema Application › Implementation

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

鐵人賽 Modern Web DAY 13

技術 #13 元件開發: TheTags

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

鐵人賽 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 3
Daily UI : 開發者版 系列 第 3

技術 Vuetify:Preface › ❸ Why i choose Vuetify

這是 Vuetify 它們對此框架的願景,就是要盡可能提供任何我們在開發上所需的元件。   Current State of Vueitfy & Wh...

鐵人賽 Modern Web DAY 11

技術 #11: 撰寫 Layouts (default, admin, error)

經過了十天,稍微回顧一下,目前的進度: 我們現在有一個 Nuxt 2.0 應用,UI framework 是使用 Vuetify,並透過 storybook 協...

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

技術 Vuetify:Preface › ❷ The Important Concepts

今天,就當閒話家常,待我娓娓道來    UI Framework & Design Spec Ant Design, Material Design,...

鐵人賽 Modern Web DAY 10

技術 #10: Vuetify 導入 Storybook & Nuxt.js

上一篇將 vuetify 的 theme 拆成獨立的檔案 (vuetify.config.js)。 這篇會將 vuetify 引入 storybook 中,同步...

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

技術 Vuetify:Preface › ❶ Read me first

這... 是... 標題殺人嗎? 真正的 Daily UI,照慣例須連續 100 天,每天設計一 UI 介面,但那偏向自我學習,而 IT 鐵人賽則偏向教學( 當...

鐵人賽 Modern Web DAY 9

技術 #9: Vuetify 簡介 + (vuetify.config.js)

Vuetify 是一個基於 Vue 的 UI 框架, 類似於 Vuetify 的框架或函式庫有很多,例如: Element UI VueStrap...

鐵人賽 Modern Web DAY 5

技術 #5: Boilerplate(pug & stylus & 其他基礎設定)

在簡單介紹完 Nuxt.js 之後,今天會接著將 Day02 的 002-create-nuxt-app branch 接續開發下去,目標是加入: pug s...

鐵人賽 Modern Web DAY 2

技術 #2: 三秒建立一個 Nuxt 應用

create-nuxt-app 要建立一個 Nuxt 應用,真的非常容易,只需要透過 create-nuxt-app 工具。 指令: npx create-nu...

鐵人賽 Modern Web DAY 1

技術 #1: 前言&簡介&大綱

前言 首先,這不太算一個 Nuxt 教學文,只是想分享自己用 Nuxt 建立一個 blog。這次參賽的目標是想分享自己學到的知識,並記錄自己的學習過程,所以東西...

鐵人賽 Modern Web DAY 30
用範例理解 Vue.js 系列 第 30

技術 用範例理解 Vue.js #30:總結

總結 連續三十天,一起床想到的就是發文,一到辦公室坐下露天廢物們就會"關心"逼問彼此發文了沒,一度差點忘了發文險些斷賽。 自己寫過才知道,...

鐵人賽 Modern Web DAY 28

技術 Day28 替網站穿上黑絲襪 使用Vuetify

我們在完成了API開發以後,以及前端的串接後,接下來會開始著手進行畫面的繪製,大家也都知道畫面的呈現與HTML和CSS脫離不了關係,當然我們在網路上可以找許多的...

鐵人賽 Modern Web DAY 23
用範例理解 Vue.js 系列 第 23

技術 用範例理解 Vue.js #23:webpack in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 22
用範例理解 Vue.js 系列 第 22

技術 用範例理解 Vue.js #22:vue-server-renderer in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 21
用範例理解 Vue.js 系列 第 21

技術 用範例理解 Vue.js #21:Vuex in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 20
用範例理解 Vue.js 系列 第 20

技術 用範例理解 Vue.js #20:vue-router in Vuetify

圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 19
用範例理解 Vue.js 系列 第 19

技術 用範例理解 Vue.js #19:Vuetify

圖片來源 Vuetify 簡介 Vuetify 是一個語意化元件的前端框架,提供簡潔、直觀、易於重複使用的元件,使 Vue 的開發者可以輕鬆解決前端的問題。...