卡片版面3 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.在container設定display: flex讓資料橫...
今天我們來聊聊這兩個標籤的使用場景 時間< time >在段落裡面，如果有與日期相關的語意，就可以用< time > 來表達，我們會使用...
平台就是你的資本和機會，在這數位時代，你不定義自己，別人會自動為你貼標籤。 這是來自數位形象力這本書的介紹詞，閱讀有感且有道理，這也是新興世代每個人都會擁有第二...
會以此為標題，大概是在轉職過程中，常常與深根此領域已久的朋友們，有著背景懸殊的對話。 我：「這個ＯＯＯＸＸＸ是什麼意思？」友：「google就知道了」我：「你通...
是一個不存在於頁面上的元素。透過CSS內建的元素，以兩個冒號做開頭，主要是用調整頁面上特別部分樣式。 以下列出常用:::first-line 元素的第一行:...
簡介 Glide是一個快速高校的Android圖片加載庫，注重於平滑的滾動。Glide提供易用的API，高性能、可擴展的圖片解碼器(decode pipeli...
延續前章節，我們繼續討論< form >表單的子標籤 < textarea >多行輸入 跟 < input > 標籤不同的是...
LiveData和ViewModel組件常被用來一起實現Android官方所提出來的MVVM架構。 而"ViewModel的唯一職責就是管理UI的數據...
我們先來看一張圖，了解一下css的基本寫法: 在大括號左邊的selector是指在頁面上，找到符合選取器的元素，這邊是h1標籤，找到後就套用大括號裡所寫的cs...
環境設置 添加依賴 build.gradle(Module) dependencies { ... // Rxjava...
GET和POST，在我們日常WEB開發中，是最常用的資料傳輸方式。 在HTML FROM表單中，可以通過設定method指定提交方式為GET或者POST方式，預...
SharedPreferences是Android平台上一個輕量級的存儲套件，數據以Key-value鍵值對形式持久化保存的xml檔案，其檔案保存在data&g...
box model 的四個區域 content內容區域。border邊框區域。padding內容邊框之間的距離，稱內距。margin 邊框之外的距離通常用來做元...
這是我第一次參加iThome鐵人賽, 接觸Android開發的時間還不到5個月, 而學習Android開發這段期間還因個人繁雜的事務要處理, 導致學習Andro...
float浮動屬性，通常會用在文繞圖的場景上，而常見值有:none / left / right 宣告的方式: wrapper{ float:left;...
在HTML裡，表格由 < table > 標籤来作為容器，裡面由< tr >或是< td >來組成。數據可以包含文本、圖片、...
簡單範例 這個範例只是初步認識如何進行本地化設置，實際項目開發會比這個來的複雜許多，但基本上思路是一樣的。 需注意的是我們在使用本地化(Localization...
在寫CSS的時候，我們有不同的撰寫方式比如行內套用以及嵌入套用(更多套用的說明請看這:https://ithelp.ithome.com.tw/articles...
position 在CSS裡面是一個很重要的排版屬性，比如我們希望某個元素固定在畫面上的話，就可以使用position fixed。 position:fixe...
我們在設計版面的時候，客戶常常要求這個圖片要上面一點還是下面一點等等，都是要設置物件margin和padding，margin 與 padding 分別控制物件...
我們最常見到要設定一個contaner的padding時，會發現該物件會變大，所以這時候我們就可以使用一個屬性box-sizing:border-box，該物件...
簡介 DataBinding庫允許開發者使用宣告式格式(declarative format) 而不是編成方式將XML佈局中的UI組件綁定到應用程序中的數據源...
LiveData | Android Jetpack LiveData組件：在底層數據更改時自動通知視圖 如何使用 通常LiveData會和ViewMode...
今天我們來介紹 class及id的寫法，class在網頁上做介面的時候幾乎是必用的，class可以想成樣式的名稱，可以套用到多個元素上，而id在同樣名稱的情況下...
基本概念 CSS的Display屬性可以改變元素對外所參與的佈局環境（outer display type），例如： inline/block/inline-b...
MVC [V] View：負責頁面顯示和使用者交互。由xml文件負責。 [C] Controller：負責Model和View之間的交互由Activity/F...
width 及 hight 是css裏頭做常出現的屬性，幾乎每個物件都會用到，但是身為小白的我們卻很難把他用好，導致出現跑版的狀況，為了我們小白能夠理解他們的常...
:focus 輸入焦點在欄位上時，就套用自訂的CSS。 <style> input.text_field:focus{ b...
今天我們來認識六個符號，可以讓你的選取器有更多變化，以下是，/空格/ + / * / ~的說明: 逗號 想成[或]的意思 換言之是可以有多個元素選取器一起編輯，...
偽類別是甚麼? 簡單來說，偽類別就是在特定動作時，改變CSS的樣式，也就是在偽類別設定的屬性，沒有在特定動作之前，是不會觸發的，比如說:hover，在滑鼠移動到...
ruhui0726
Eric
Jade Chang
jeansu
ian_liu
iThome鐵人賽
看影片追技術