iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1588 瀏覽

鐵人賽 Modern Web DAY 18

Daily UI : 開發者版系列第 18 篇

技術 Vuetify：Google Trend

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

Casio ‧ 2018-11-02

0 Like 0 留言 1583 瀏覽

鐵人賽 Mobile Development DAY 6

iOS Developer Learning Android 系列第 6 篇

技術 iOS Developer Learning Android. Lesson 06 - 如何製作畫面 (羨慕SwiftUI的Preview嗎？)

今天來跟各位介紹一下前端(廣義的)最重要的部分，也就是UI，俗稱的刻畫面。也就是我們工程師如何在設計師的刁難要求之下，完成想要呈現給User的樣子。其中最大的工...

MarkFly～ ‧ 2019-09-21

0 Like 0 留言 1555 瀏覽

鐵人賽自我挑戰組 DAY 2

UI設計師之工具學習指南系列第 2 篇

技術【Day2】從疑問開始的學習

從2019的年度設計工具調查與google爬文中，大概可以歸類出3大軟體的幾個重點和疑問： Sketch 目前似乎是市占率最高的軟體，為什麼只有mac的系統可...

ALian ‧ 2020-09-17

2 Like 1 留言 1518 瀏覽

鐵人賽 Modern Web DAY 4

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 4 篇

技術【設計+切版30天實作】｜Day 4 - 參考Bootstrap畫出理想的header(下集)

設計大綱上一集設計完header的滿版背景後，今天會設計Navigation bar。Navbar在網頁來說也是蠻重要的一個元件，通常會有LOGO、常用按鈕或...

烙詩 ‧ 2021-09-18 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 1507 瀏覽

鐵人賽 Mobile Development DAY 8

iOS Developer Learning Android 系列第 8 篇

技術 iOS Developer Learning Android. Lesson 08 - ConstraintLayout (運用AutoLayout的思維安排Android畫面)

大家都說ConstraintLayout真是棒為什麼呢？主要看到的論述都是可以讓layuot更扁平化，進而提高效能，點我看看Google怎麼說。再來就是可以把它...

MarkFly～ ‧ 2019-09-23

0 Like 0 留言 1488 瀏覽

鐵人賽 Modern Web DAY 27

Daily UI : 開發者版系列第 27 篇

技術 Vuetify：Google Domain

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

Casio ‧ 2018-11-11

2 Like 0 留言 1484 瀏覽

鐵人賽自我挑戰組 DAY 23

一起用python寫UI 系列第 23 篇

技術 Day23 用python寫UI-聊聊Menu

第一次壓線發文耶，今天真的有點忙，到現在才發文。Menu就是功能表的表單，通常都會在介面的最上面，是很常見的工具喔~ ♠♣今天的文章大綱♥♦ Menu基本參數...

Firenze ‧ 2021-10-08

2 Like 0 留言 1457 瀏覽

鐵人賽 Modern Web DAY 3

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 3 篇

技術【設計+切版30天實作】｜Day3 - 參考Bootstrap畫出理想的header(上集)

設計大綱今天來設計Landing page的header。這次想要做的是一個滿版的header，在header裡面會有標題、內容、以及input（提供使用者填...

烙詩 ‧ 2021-09-17 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 1452 瀏覽

鐵人賽 Modern Web DAY 26

Daily UI : 開發者版系列第 26 篇

技術 Vuetify：Google News › Advanced Implementation

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

Casio ‧ 2018-11-10

0 Like 0 留言 1419 瀏覽

鐵人賽 Modern Web DAY 21

Daily UI : 開發者版系列第 21 篇

技術 Vuetify：Google Alert › Advanced Implementation

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

Casio ‧ 2018-11-05

0 Like 0 留言 1416 瀏覽

鐵人賽自我挑戰組 DAY 8

Android API超初學！！系列第 8 篇

技術 [番外篇] [Day 8] iOS Human Interface (2) App Architecture - part 1

大家好，今天繼續來練習翻譯讀iOS Human Interface手冊。一些設計原則良好的美感 – 較嚴肅功能的APP，設計就應當簡約、不浮誇、標準，並...

HANA APP ‧ 2018-10-19

1 Like 0 留言 1405 瀏覽

徵才百萬年薪聘請 UI設計師【駐菲律賓】

工作內容：聚焦於PC與移動端的Web設計工作；根據需求進行設計風格定義、設計推進及質量把控；負責優化相關設計工作流程和方法，並建立設計規範，推動促進高效...

166hr ‧ 2018-05-14

1 Like 0 留言 1357 瀏覽

鐵人賽 Modern Web DAY 29

Daily UI : 開發者版系列第 29 篇

技術 Vuetify：Google YoutubeMusic › Static Layout

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

Casio ‧ 2018-11-13

0 Like 0 留言 1335 瀏覽

鐵人賽自我挑戰組 DAY 9

Android API超初學！！系列第 9 篇

技術 [番外篇] [Day 9] iOS Human Interface (3) App Architecture - part 2

Navigation 人們通常會忽略navigation，直到這個navigation不符合預期為止，所以要好好設計啊有三種navigation 結構：...

HANA APP ‧ 2018-10-20

0 Like 0 留言 1321 瀏覽

鐵人賽 Modern Web DAY 3

挑戰 Daily UI！系列第 3 篇

技術挑戰 Daily UI！ Day_03－Landing Page

今天依舊完美的脫稿演出一個禮拜就這樣過了一大半，我相信一定是我的懶惰症候群又發作了(´・ω・)つ旦不知不覺就漸漸到了晚上，練完舞，回到家就已經十點了哈哈哈經歷...

阿褚 ‧ 2018-10-18 ‧團隊Meow_Meow

1 Like 0 留言 1280 瀏覽

鐵人賽 Modern Web DAY 17

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 17 篇

技術【設計+切版30天實作】｜Day17 - Bootstrap的環境建立

大綱要切版前當然是要先來建立環境，所以我們下一篇再來做客製化！那環境要怎麼建立？其實還蠻簡單的！只要跟著下面的步驟去做，很快就會上手啦！不過先說明一下，這篇文...

烙詩 ‧ 2021-10-01 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 1234 瀏覽

鐵人賽 Modern Web DAY 1

挑戰 Daily UI！系列第 1 篇

技術挑戰 Daily UI！ Day_01－Hello, Mamuri！

前言其實我是來玩的一開始也很猶豫要不要參賽，畢竟我會的東西很雜，而且又不深入，總覺得出來混好像也不夠格(つд⊂)不過如果能讓我持續一個習慣30天的話，感覺似乎...

阿褚 ‧ 2018-10-16 ‧團隊Meow_Meow

0 Like 0 留言 1231 瀏覽

鐵人賽 Modern Web DAY 28

Daily UI : 開發者版系列第 28 篇

技術 Vuetify：Google Contact

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

Casio ‧ 2018-11-12

0 Like 0 留言 1215 瀏覽

鐵人賽 Modern Web DAY 10

Daily UI : 開發者版系列第 10 篇

技術 Vuetify：Account Settings

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

Casio ‧ 2018-10-25

0 Like 0 留言 1202 瀏覽

鐵人賽 Modern Web DAY 25

Daily UI : 開發者版系列第 25 篇

技術 Vuetify：Google News › Static Layout

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

Casio ‧ 2018-11-09

0 Like 0 留言 1183 瀏覽

鐵人賽 Modern Web DAY 13

Daily UI : 開發者版系列第 13 篇

技術 Vuetify：What is your budget ?

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

Casio ‧ 2018-10-28

2 Like 1 留言 1174 瀏覽

鐵人賽 Modern Web DAY 30

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 30 篇

技術【設計+切版30天實作】｜Day30 - 最後一天了嗚嗚嗚的30天參賽心得

感人時刻今天是鐵人賽30天的最後一天了，有種「嗯？30天了喔？」的奇妙感覺！畢竟已經習慣每天上來發文，也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...

烙詩 ‧ 2021-10-14 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 1173 瀏覽

鐵人賽 Software Development DAY 8

傳教士的 Compose for Desktop 耕讀筆記系列第 8 篇

技術第 8 天：常用 UI 元件之 MenuBar

若視 Window 為 UI 的最外層，那 MenuBar 應該就算是第二層吧？MenuBar 是 Desktop App 很重要的元素，一般來說整個 App...

聖佑 ‧ 2022-09-14 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 1 留言 1173 瀏覽

鐵人賽 Modern Web DAY 14

Daily UI : 開發者版系列第 14 篇

技術 Vuetify：Calories Calculator

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

Casio ‧ 2018-10-29

0 Like 0 留言 1156 瀏覽

鐵人賽 Modern Web DAY 23

Daily UI : 開發者版系列第 23 篇

技術 Vuetify：Google Fonts › Advanced Implementation

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

Casio ‧ 2018-11-07

0 Like 0 留言 1150 瀏覽

鐵人賽 Modern Web DAY 29

挑戰 Daily UI！系列第 29 篇

技術挑戰 Daily UI！ Day_29－Map

快樂的度過了期中考呢QQ 除了數位系統的成績有夠怕QQ其他都9X安全度過辣RRR (:3 ⌒ﾞ)數位系統設計我不懂為甚麼會考那麼低RRRRRRRRRR雖然才占總...

阿褚 ‧ 2018-11-13 ‧團隊Meow_Meow

0 Like 0 留言 1149 瀏覽

鐵人賽 Modern Web DAY 22

Daily UI : 開發者版系列第 22 篇

技術 Vuetify：Google Fonts › Static Layout

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

Casio ‧ 2018-11-06

2 Like 3 留言 1147 瀏覽

鐵人賽 Modern Web DAY 1

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 1 篇

技術【設計+切版30天實作】｜Day1 - 開賽宣言

前言在開賽前，先來做個小小的自我介紹好了！目前是火箭隊的網頁設計組，加入火箭隊前有上過六角學院的UI課程（上課前完全是0基礎 ><!!!），但卻從...

烙詩 ‧ 2021-09-15 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 1141 瀏覽

鐵人賽 Modern Web DAY 16

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 16 篇

技術【設計+切版30天實作】｜Day16 - 進入切版前的前置作業之列出設計稿上的數據

大綱前面已經把Landing Page的設計稿設計完成了，接下來要開始切版實作！但在切版前，我們需要把設計稿上的數據都先列出來，因為切版前要先做客製化的設定唷...

烙詩 ‧ 2021-09-30 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 1139 瀏覽

鐵人賽 Modern Web DAY 19

Daily UI : 開發者版系列第 19 篇

技術 Vuetify：Google Translate

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

Casio ‧ 2018-11-03

技術 Vuetify：Google Trend

技術 iOS Developer Learning Android. Lesson 06 - 如何製作畫面 (羨慕SwiftUI的Preview嗎？)

技術 【Day2】從疑問開始的學習

技術 【設計+切版30天實作】｜Day 4 - 參考Bootstrap畫出理想的header(下集)