iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

從平面轉型成網頁設計的 UI/UX 設計師 系列

從三年前的巨大 UI/UX 菜鳥一路走來,轉型成網頁設計的路上累積不少心路歷程與相關技術,記錄下來的同時,也分享給想要嘗試轉職成 UI/UX 設計的朋友們:)

鐵人鍊成 | 共 30 篇文章 | 40 人訂閱 訂閱系列文 RSS系列文 團隊想吃薑母鴨
DAY 21

【Day 21】將 GitHub 專案加入 SourceTree 做版本控制 - 方法二(Mac使用者推薦)

方法一 是教大家在本地端建立專案,再與遠端建好的專案位置做連結,最後將本地檔案推上遠端的方式。方法二(本篇) 教大家使用 clone(複製) 專案的方式,將遠端...

2020-10-06 ‧ 由 GG 分享
DAY 22

【Day 22】如何使用 VS Code 內建工具做簡單的版本控制

Day18 ~ Day21 是教大家如何使用 SourceTree 做版本控制。在工作上,因為公司只有三個人,其中只有筆者一個人在使用版本控制,後來都習慣使用...

2020-10-07 ‧ 由 GG 分享
DAY 23

【Day 23】網頁設計師 / 開發人員愛用的 JavaScript 圖表分享 - Chart.js

Chart.js Chart.js 是一套專門設計給 網頁設計師 和 開發人員 的 JavaScript 圖表,彈性度非常高、靈活好上手,支援 8 種常見的統...

2020-10-08 ‧ 由 GG 分享
DAY 24

【Day 24】成為網頁設計師後,我再也不畫表格了! - Word to HTML 線上工具

不知道各位網頁設計師,在製作設計稿的時候,有沒有遇過需要設計的表格內容超級多!類似部門人員介紹或人事績效考核的超長表格XD By 攝圖網 - 人事行政主管绩效考...

2020-10-09 ‧ 由 GG 分享
DAY 25

達標好文 【Day 25】HTML Table Responsive (RWD) 的幾種方法分享

Visual examples of those four possibilities. by CSS-TRICKS 在製作表格時,最常遇到的狀況就是需要在各種...

2020-10-10 ‧ 由 GG 分享
DAY 26

【Day 26】CSS Animation - CSS 動畫資源蒐集與使用教學

by CSS Animations- Guide to Cubic Bezier Curves 關於 CSS Animation 的基本介紹與使用方法,筆者推薦...

2020-10-11 ‧ 由 GG 分享
DAY 27

【Day 27】好用的 JavaScript 動態提示工具庫 - Tippy.js

Tippy.js Tippy.js 是一款輕量的 JavaScript 動態提示工具庫,提供完整的 tooltip 工具提示、popover 彈出框、drop...

2020-10-12 ‧ 由 GG 分享
DAY 28

達標好文 【Day 28】Youtube iframe 影片自動縮放大小 - CSS 解決方法

在製作網頁時很常遇到,網站內需要嵌入 Youtube 影片,但影片無法跟隨螢幕尺寸縮放的問題。通常使用 Youtube 分享功能嵌入的 iframe 原始碼,已...

2020-10-13 ‧ 由 GG 分享
DAY 29

【Day 29】超級好用的側邊欄固定效果 - Sticky Sidebar

by Sticky Sidebar Sticky Sidebar 是一個 JavaScript 外掛插件,大多用於製作有 sticky 效果的側邊欄(可理解為固...

2020-10-14 ‧ 由 GG 分享
DAY 30

【Day 30】終局之戰!是什麼理由支撐我完成 30 天的鐵人賽?

糖豆人過關~~ by 在游戏里真人大闯关?嘴上无聊身体真香的《糖豆人》 首先,慶祝完賽啦!!!ヽ(✿゚▽゚)ノ 先替自己來個大大的掌聲!(磅磅磅! 筆者真的沒想...

2020-10-15 ‧ 由 GG 分享