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

0 Like 1 留言 1233 瀏覽

鐵人賽 Modern Web DAY 30

網頁切版入門及版面實作系列第 30 篇

技術 [DAY30]網頁切版入門及版面實作_電子名片

電子名片在這個範例中要練習電子名片的切版整理幾個小重點如下方： 1.設定名片的寬高為390x240px，並導圓角15px，添加陰影box-shadow2.名...

ruhui0726 ‧ 2022-10-15 ‧團隊蝦兵蟹將

0 Like 1 留言 1735 瀏覽

鐵人賽 Modern Web DAY 29

網頁切版入門及版面實作系列第 29 篇

技術 [DAY29]網頁切版入門及版面實作_聯絡表單

聯絡表單在這個範例中要練習聯絡表單的切版整理幾個小重點如下方： 1.將section設為滿版，添加背景色#f3c1c52.添加一個container，做為固...

ruhui0726 ‧ 2022-10-14 ‧團隊蝦兵蟹將

0 Like 0 留言 2265 瀏覽

鐵人賽 Modern Web DAY 28

網頁切版入門及版面實作系列第 28 篇

技術 [DAY28]網頁切版入門及版面實作_導覽列

導覽列在這個範例中要練習導覽列的切版整理幾個小重點如下方： 1.將section設為滿版，添加背景色#FFEBF22.nav，做為固定欄寬1280px的區塊...

ruhui0726 ‧ 2022-10-13 ‧團隊蝦兵蟹將

1 Like 0 留言 1270 瀏覽

鐵人賽 Modern Web DAY 27

網頁切版入門及版面實作系列第 27 篇

技術 [DAY27]網頁切版入門及版面實作_ 卡片版面7&漸層

卡片版面在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個container，做為固定欄寬1200p...

ruhui0726 ‧ 2022-10-12 ‧團隊蝦兵蟹將

0 Like 0 留言 1143 瀏覽

鐵人賽 Modern Web DAY 26

網頁切版入門及版面實作系列第 26 篇

技術 [DAY26]網頁切版入門及版面實作_頁尾

頁尾在這個範例中要練習頁尾的切版整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#f3c1c52.添加一個container，...

ruhui0726 ‧ 2022-10-11 ‧團隊蝦兵蟹將

0 Like 0 留言 2728 瀏覽

鐵人賽 Modern Web DAY 25

網頁切版入門及版面實作系列第 25 篇

技術 [DAY25]網頁切版入門及版面實作_對話框&三角形

對話框&三角形在這個範例中要練習對話框的接版，以及如何用css繪製出三角形整理幾個重點: 1.將對話框dialog_box寬度設為960px，添加背...

ruhui0726 ‧ 2022-10-10 ‧團隊蝦兵蟹將

0 Like 0 留言 1029 瀏覽

鐵人賽 Modern Web DAY 24

網頁切版入門及版面實作系列第 24 篇

技術 [DAY24]網頁切版入門及版面實作_ 序號項目

序號項目在這個範例中要練習序號項目的切版整理幾個小重點如下方： 1.font-size調整文字大小，font-weight調整文字厚度，line-heigh...

ruhui0726 ‧ 2022-10-09 ‧團隊蝦兵蟹將

0 Like 0 留言 1150 瀏覽

鐵人賽 Modern Web DAY 23

網頁切版入門及版面實作系列第 23 篇

技術 [DAY23]網頁切版入門及版面實作_ 價格表

價格表在這個範例中要練習價格表切版整理幾個重點:1.將section_price設為滿版2.container，做為固定欄寬1200px的區塊，並設定dis...

ruhui0726 ‧ 2022-10-08 ‧團隊蝦兵蟹將

0 Like 0 留言 1554 瀏覽

鐵人賽 Modern Web DAY 22

網頁切版入門及版面實作系列第 22 篇

技術 [DAY22]網頁切版入門及版面實作_ 圖文版面

圖文版面在這個範例中要練習圖文版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊，...

ruhui0726 ‧ 2022-10-07 ‧團隊蝦兵蟹將

0 Like 0 留言 858 瀏覽

鐵人賽 Modern Web DAY 21

網頁切版入門及版面實作系列第 21 篇

技術 [DAY21]網頁切版入門及版面實作_ 卡片版面6

卡片版面6 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版，添加背景色#ffc6c62.container，做為固定欄寬...

ruhui0726 ‧ 2022-10-06 ‧團隊蝦兵蟹將

0 Like 1 留言 1126 瀏覽

鐵人賽 Modern Web DAY 20

網頁切版入門及版面實作系列第 20 篇

技術 [DAY20]網頁切版入門及版面實作_ 卡片版面5

卡片版面5 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-05 ‧團隊蝦兵蟹將

0 Like 0 留言 1029 瀏覽

鐵人賽 Modern Web DAY 19

網頁切版入門及版面實作系列第 19 篇

技術 [DAY19]網頁切版入門及版面實作_ 卡片版面4

卡片版面4 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-04 ‧團隊蝦兵蟹將

0 Like 0 留言 765 瀏覽

鐵人賽 Mobile Development DAY 21

Android 開發 30天初學之路筆記系列第 21 篇

技術 Day21 - Retrofit + RxJava

環境設置添加依賴 build.gradle(Module) dependencies { ... // Rxjava...

ian_liu ‧ 2022-10-02 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1244 瀏覽

鐵人賽 Mobile Development DAY 20

Android 開發 30天初學之路筆記系列第 20 篇

技術 Day20 - Android Retrofit2

Retrofit是Square公司開發的一款針對Android網路請求的框架，遵循Restful設計風格，底層基於OkHttp。功能：支持同步/異步網路請...

ian_liu ‧ 2022-10-01 ‧團隊nutc imac 老扛寶

0 Like 0 留言 736 瀏覽

鐵人賽 Mobile Development DAY 19

Android 開發 30天初學之路筆記系列第 19 篇

技術 Day19 - DataBinding | Android Jetpack

簡介 DataBinding庫允許開發者使用宣告式格式(declarative format) 而不是編成方式將XML佈局中的UI組件綁定到應用程序中的數據源...

ian_liu ‧ 2022-09-30 ‧團隊nutc imac 老扛寶

0 Like 0 留言 717 瀏覽

鐵人賽自我挑戰組 DAY 28

小白網頁設計練成記系列第 30 篇

技術小白網頁設計練成記-DAY30-淺談box-sizing

我們最常見到要設定一個contaner的padding時，會發現該物件會變大，所以這時候我們就可以使用一個屬性box-sizing:border-box，該物件...

Eric ‧ 2022-09-30

0 Like 0 留言 658 瀏覽

鐵人賽自我挑戰組 DAY 28

小白網頁設計練成記系列第 29 篇

技術小白網頁設計練成記-DAY29-淺談width及height的特性

width 及 hight 是css裏頭做常出現的屬性，幾乎每個物件都會用到，但是身為小白的我們卻很難把他用好，導致出現跑版的狀況，為了我們小白能夠理解他們的常...

Eric ‧ 2022-09-30

0 Like 0 留言 654 瀏覽

鐵人賽 Mobile Development DAY 18

Android 開發 30天初學之路筆記系列第 18 篇

技術 Day18 - LiveData | Andoid Jetpack

LiveData | Android Jetpack LiveData組件：在底層數據更改時自動通知視圖如何使用通常LiveData會和ViewMode...

ian_liu ‧ 2022-09-29 ‧團隊nutc imac 老扛寶

0 Like 0 留言 635 瀏覽

鐵人賽自我挑戰組 DAY 28

小白網頁設計練成記系列第 28 篇

技術小白網頁設計練成記-DAY28-淺談margin及padding的特性

我們在設計版面的時候，客戶常常要求這個圖片要上面一點還是下面一點等等，都是要設置物件margin和padding，margin 與 padding 分別控制物件...

Eric ‧ 2022-09-28

0 Like 0 留言 660 瀏覽

鐵人賽 Mobile Development DAY 17

Android 開發 30天初學之路筆記系列第 17 篇

技術 Day17 - ViewModel | Android Jetpack

LiveData和ViewModel組件常被用來一起實現Android官方所提出來的MVVM架構。而"ViewModel的唯一職責就是管理UI的數據...

ian_liu ‧ 2022-09-28 ‧團隊nutc imac 老扛寶

0 Like 0 留言 583 瀏覽

鐵人賽自我挑戰組 DAY 27

小白網頁設計練成記系列第 27 篇

技術小白網頁設計練成記-DAY27-float浮動

float浮動屬性，通常會用在文繞圖的場景上，而常見值有:none / left / right 宣告的方式: wrapper{ float:left;...

Eric ‧ 2022-09-27

0 Like 0 留言 560 瀏覽

鐵人賽 Mobile Development DAY 15

Android 開發 30天初學之路筆記系列第 15 篇

技術 Day15 - Android - MVC、MVP、MVVM 設計架構

MVC [V] View：負責頁面顯示和使用者交互。由xml文件負責。 [C] Controller：負責Model和View之間的交互由Activity/F...

ian_liu ‧ 2022-09-26 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1024 瀏覽

鐵人賽自我挑戰組 DAY 26

小白網頁設計練成記系列第 26 篇

技術小白網頁設計練成記-DAY26-Position定位

position 在CSS裡面是一個很重要的排版屬性，比如我們希望某個元素固定在畫面上的話，就可以使用position fixed。 position:fixe...

Eric ‧ 2022-09-26

0 Like 0 留言 811 瀏覽

鐵人賽自我挑戰組 DAY 25

小白網頁設計練成記系列第 25 篇

技術小白網頁設計練成記-DAY25-box model

box model 的四個區域 content內容區域。border邊框區域。padding內容邊框之間的距離，稱內距。margin 邊框之外的距離通常用來做元...

Eric ‧ 2022-09-25

0 Like 0 留言 1617 瀏覽

鐵人賽 Mobile Development DAY 14

Android 開發 30天初學之路筆記系列第 14 篇

技術 Day14 - 常用的9種對話框(Dialog)

(1) 普通對話框(2顆按鈕) AlertDialog.Builder dialog = new AlertDialog.Builder(this); di...

ian_liu ‧ 2022-09-25 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1434 瀏覽

鐵人賽 Mobile Development DAY 13

Android 開發 30天初學之路筆記系列第 13 篇

技術 Day13 - RecyclerView 進階操作 | 拖曳排序、左右刪除、復原操作

接續上一遍, 這次要講的是相對進階的操作：上下拖曳 - 實現Item排序左右滑動 - 實現刪除&封存操作滑動後的復原操作一、上下拖曳 -...

ian_liu ‧ 2022-09-24 ‧團隊nutc imac 老扛寶

0 Like 0 留言 561 瀏覽

鐵人賽自我挑戰組 DAY 24

小白網頁設計練成記系列第 24 篇

技術小白網頁設計練成記-DAY24-display屬性

基本概念 CSS的Display屬性可以改變元素對外所參與的佈局環境（outer display type），例如： inline/block/inline-b...

Eric ‧ 2022-09-24

0 Like 0 留言 782 瀏覽

鐵人賽自我挑戰組 DAY 23

小白網頁設計練成記系列第 23 篇

技術小白網頁設計練成記-DAY23-Pseudo class 2

:focus 輸入焦點在欄位上時，就套用自訂的CSS。 <style> input.text_field:focus{ b...

Eric ‧ 2022-09-23

0 Like 0 留言 920 瀏覽

鐵人賽 Mobile Development DAY 12

Android 開發 30天初學之路筆記系列第 12 篇

技術 Day12 - RecyclerView 簡單使用

簡單使用效果圖：步驟：創建Item樣式, 主頁面添加RecyclerView控件實作RecyclerView.Adapter RecyclerView...

ian_liu ‧ 2022-09-23 ‧團隊nutc imac 老扛寶

0 Like 0 留言 567 瀏覽

鐵人賽自我挑戰組 DAY 22

小白網頁設計練成記系列第 22 篇

技術小白網頁設計練成記-DAY22-CSS Seudo class

偽類別是甚麼? 簡單來說，偽類別就是在特定動作時，改變CSS的樣式，也就是在偽類別設定的屬性，沒有在特定動作之前，是不會觸發的，比如說:hover，在滑鼠移動到...

Eric ‧ 2022-09-22

技術 [DAY30]網頁切版入門及版面實作_電子名片

技術 [DAY29]網頁切版入門及版面實作_聯絡表單

技術 [DAY28]網頁切版入門及版面實作_導覽列

技術 [DAY27]網頁切版入門及版面實作_ 卡片版面7&漸層

技術 [DAY26]網頁切版入門及版面實作_頁尾

技術 [DAY25]網頁切版入門及版面實作_對話框&三角形

技術 [DAY24]網頁切版入門及版面實作_ 序號項目

技術 [DAY23]網頁切版入門及版面實作_ 價格表

技術 [DAY22]網頁切版入門及版面實作_ 圖文版面

技術 [DAY21]網頁切版入門及版面實作_ 卡片版面6

技術 [DAY20]網頁切版入門及版面實作_ 卡片版面5

技術 [DAY19]網頁切版入門及版面實作_ 卡片版面4

技術 Day21 - Retrofit + RxJava

技術 Day20 - Android Retrofit2

技術 Day19 - DataBinding | Android Jetpack

技術 小白網頁設計練成記-DAY30-淺談box-sizing

技術 小白網頁設計練成記-DAY29-淺談width及height的特性

技術 Day18 - LiveData | Andoid Jetpack

技術 小白網頁設計練成記-DAY28-淺談margin及padding的特性

技術 Day17 - ViewModel | Android Jetpack

技術 小白網頁設計練成記-DAY27-float浮動

技術 Day15 - Android - MVC、MVP、MVVM 設計架構

技術 小白網頁設計練成記-DAY26-Position定位

技術 小白網頁設計練成記-DAY25-box model

技術 Day14 - 常用的9種對話框(Dialog)

技術 Day13 - RecyclerView 進階操作 | 拖曳排序、左右刪除、復原操作

技術 小白網頁設計練成記-DAY24-display屬性

技術 小白網頁設計練成記-DAY23-Pseudo class 2

技術 Day12 - RecyclerView 簡單使用

技術 小白網頁設計練成記-DAY22-CSS Seudo class

標記使用者

技術小白網頁設計練成記-DAY30-淺談box-sizing

技術小白網頁設計練成記-DAY29-淺談width及height的特性

技術小白網頁設計練成記-DAY28-淺談margin及padding的特性

技術小白網頁設計練成記-DAY27-float浮動

技術小白網頁設計練成記-DAY26-Position定位

技術小白網頁設計練成記-DAY25-box model

技術小白網頁設計練成記-DAY24-display屬性

技術小白網頁設計練成記-DAY23-Pseudo class 2

技術小白網頁設計練成記-DAY22-CSS Seudo class