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

0 Like 0 留言 494 瀏覽

鐵人賽 SideProject30 DAY 19

30天製作RWD個人品牌網站系列第 19 篇

技術 Day19. 網站開發過程(一) 共用Layout

今天開始正式進入切版，會先區分共用Layout優先製作，再利用bootstrap的框架，說明我通常如何切版，在這之前先複習一下前面的內容吧！Day3-5. 制定...

luna0228 ‧ 2023-10-04

0 Like 3 留言 363 瀏覽

鐵人賽 Modern Web DAY 4

切版與CSS：打造工具箱與切版施工流程！系列第 4 篇

技術 Day04 問問題Debug!人生持續的修煉

當我還是個小小白時，我很困惑的就是，要怎樣問問題？不想當伸手牌，要不是在那困住很久，就是你的行為不得不就是個伸手牌，真是兩難。我突然意識到，會問問題真的好重要...

Jessie ‧ 2023-09-19 ‧團隊好想工作室 v7.0

0 Like 0 留言 406 瀏覽

鐵人賽 Mobile Development DAY 22

無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】系列第 22 篇

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day22 等等，先讓我們談談Flutter佈局: Common layout widgets(下)

肆、Standard widgets 三、ListView 類似於Column的延伸，當大小超過顯示範圍時可提供自動滾動效果 ListView特性相比起Co...

xianyu ‧ 2023-09-30 ‧團隊卍乂煞氣a工程師乂卍

1 Like 0 留言 488 瀏覽

鐵人賽 Mobile Development DAY 20

無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】系列第 20 篇

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day20 等等，先讓我們談談Flutter佈局: Layouts in Flutter(下)

貳、Nesting rows and columns: 行與列的嵌套在頁面的建構上，時常會有行與列的嵌套、群組的需求，因此接下來我們會用星等評論的組件來說明。...

xianyu ‧ 2023-09-28 ‧團隊卍乂煞氣a工程師乂卍

0 Like 0 留言 573 瀏覽

鐵人賽 Mobile Development DAY 19

無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】系列第 19 篇

技術無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day19 等等，先讓我們談談Flutter佈局: Layouts in Flutter(上)

參見: Layouts in Flutter程式碼參見:pavlova、sizing、row_column、grid_and_list、bottom_navi...

xianyu ‧ 2023-09-27 ‧團隊卍乂煞氣a工程師乂卍

1 Like 0 留言 1531 瀏覽

鐵人賽 Modern Web DAY 9

深入淺出，完整認識 Next.js 13 ！系列第 9 篇

技術 Day 09 - Persistent Layout 是什麼？要怎麼在 App Router 中實踐？

昨天介紹了 App Router 的第一個優點，是能讓專案的檔案結構更加自由。今天接著來分享第二個優點：可以透過特殊檔案 layout.tsx 更簡單地實現 p...

S.C ‧ 2023-09-09

0 Like 0 留言 570 瀏覽

鐵人賽 Software Development DAY 16

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

技術第 16 天：排版元件之 Surface、Box 與 Spacer

在排版 UI 時，有時會想要把元件群組、彼此堆疊，或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡，有些排版元件的功能就是協助我們更快的做出...

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

0 Like 0 留言 779 瀏覽

鐵人賽 Software Development DAY 15

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

技術第 15 天：排版元件之 Column、Row

雖然看了這麼多元件，但在實作 UI 時，通常會組合多個元件，為了讓 UI 清楚、易懂、好看，如何排版元件就變得很重要了！若讀者曾自行把多個元件放在 Window...

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

0 Like 0 留言 2037 瀏覽

鐵人賽 Modern Web DAY 2

重造會 Slide 的輪子！深入 JavaScript、CSS 模組化設計系列第 2 篇

技術 Day 2 - Slider 基本佈局 (Layout)

由於 JavaScript Slider 套件通常會用在展示相片，最常見的的佈局為四個項目區塊，包裝在一個 HTML 的 <div> 標籤中，如下圖...

Terry L. ‧ 2022-09-02

0 Like 0 留言 1035 瀏覽

鐵人賽 Mobile Development DAY 19

雙平台APP小遊戲開發實作! Swift & Kotlin 攜手出擊~ 系列第 19 篇

技術 [Day19] swift & kotlin 遊戲篇！(1) 小雞BB-遊戲製作-按鈕排版

遊戲説明接下來我們要來製作真正的遊戲了遊戲就是猜左右兩隻小雞誰先破蛋然後落入藍色還是紅色藍子裡如果猜對了 +200分猜錯了 -50分並有一個頁面...

Ami ‧ 2021-09-27 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1090 瀏覽

鐵人賽 Mobile Development DAY 14

雙平台APP小遊戲開發實作! Swift & Kotlin 攜手出擊~ 系列第 14 篇

技術 [Day14] swift & kotlin 實作篇！(5) 基本版面配置

swift 接下來～就讓我們還拉一下版面吧設定背景首先點選左側 Main.storyboard 我們先來設定個底色點選中間的view 右側功能選單切...

Ami ‧ 2021-09-22 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 987 瀏覽

技術 Sass/Css 設計模式(Smacss) DAY37

今天要來介紹 Sass/Css 設計模式啦~~首先我們先認識最好入門的 Smacss官網: http://smacss.com/ Smacss Base 首...

皮傑先生 ‧ 2020-10-21

1 Like 0 留言 1913 瀏覽

鐵人賽 Mobile Development DAY 22

Why Flutter why? 從表層到底層，從如何到為何。系列第 22 篇

技術 days[21] = "Layout是怎麼運作的？"

我們在上一篇提到在Flutter整個Render Pipeline中，光是Layout這個步驟就值得獨立一篇出來討論，因此今天我們就繼續來深入研究整個Layou...

Joshua ‧ 2020-09-22

0 Like 0 留言 1796 瀏覽

鐵人賽自我挑戰組 DAY 9

Divi Theme 真的那麼神嗎？WordPress 架站＆傳說中最好用主題新手入坑日記！系列第 9 篇

技術 Day 09｜Divi 功能練習 01-Layout 排版篇

嗨呦大家好我是 Jasmine～腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 大家的 Divi 安裝好了嗎？我在找資料的時候找到了很棒的資源— Ele...

Jasmine Sie ‧ 2020-09-22 ‧團隊對不起，你是個好人，但我們只是網友

3 Like 0 留言 1812 瀏覽

鐵人賽 Mobile Development DAY 5

iOS Developer Learning Flutter 系列第 5 篇

技術 iOS Developer Learning Flutter. Lesson4 畫面佈局

我認為學習前端技術的第一步都是先了解如何layout再去學習各個Components的特性接著再逐漸擴展到其他功能(例如打API之類的)而Flutter的lay...

MarkFly～ ‧ 2020-09-20

1 Like 0 留言 2218 瀏覽

鐵人賽 Modern Web DAY 15

~網頁入門~ 系列第 15 篇

技術 Day15-HTML(11) – 語意化標籤與Layout

什麼是語意化標籤為了讓標籤更具意義，並加強結構化，讓瀏覽器更清楚了解，HTML5 新增了語意化標籤(Semantic Elements)，像是 <hea...

Sherry ‧ 2019-10-01 ‧團隊紅蟳當兵等他開賽

1 Like 0 留言 5761 瀏覽

鐵人賽 Modern Web DAY 24

.Net Core 網站開發 101 系列第 24 篇

技術 Views 視圖

在 MVC 架構中，View 負責將結果呈現給客戶端，通常會產生出 HTML 到瀏覽器端顯示。在 ASP.NET Core MVC 中，使用 Razor 語法來...

Rex Chien ‧ 2018-11-07

2 Like 0 留言 7676 瀏覽

鐵人賽 Software Development DAY 18

Kotlin for Android 系列第 18 篇

技術 Day 18. Android Layout 版面設計－4/4

　　今天要來處理不同尺寸設備上的顯示問題，昨天我們設計了一個在手機上看起來還不賴的排版，但若在平板上看起來會如何呢？　　看起來...似乎是場災難，今天的章節...

藍諾 ‧ 2018-11-01

2 Like 0 留言 3474 瀏覽

鐵人賽 Software Development DAY 17

Kotlin for Android 系列第 17 篇

技術 Day 17. Android Layout 版面設計－3/4

　　今日一開始來小試身手，在 logo 右側加入一個 TextView，設定左下右如下圖的約束：　　再快速的新增三個圖示進來，這裡介紹 Chains，用一個...

藍諾 ‧ 2018-10-31

1 Like 0 留言 10998 瀏覽

鐵人賽 Software Development DAY 16

Kotlin for Android 系列第 16 篇

技術 Day 16. Android Layout 版面設計－2/4

　　在預設的版面設計上，會有一個動作列如下圖左邊所示，此項目主要用於放選單、查詢、排序...等等，一些介面操控功能，或是顯示目前使用者所在的動作頁面，各位不妨打...

藍諾 ‧ 2018-10-30

2 Like 0 留言 7379 瀏覽

鐵人賽 Software Development DAY 15

Kotlin for Android 系列第 15 篇

技術 Day 15. Android Layout 版面設計－1/4

　　接下來的課程會著重在 Android ConstraintLayout System，ConstraintLayout 作者一直在想怎麼翻成中文比較方便撰寫...

藍諾 ‧ 2018-10-29

0 Like 0 留言 12607 瀏覽

鐵人賽 Modern Web DAY 12

菜鳥練等區-ASP.Net Core MVC進化之路系列第 12 篇

技術 [鐵人賽Day12] - View(2) / Tag Helper及Layout

前言本篇將針對View中Tag Helper及Layout進行介紹。同步發表於個人點部落 - [鐵人賽Day12] ASP.Net Core MVC 進化...

工程良田的小球場 ‧ 2018-10-27 ‧團隊17一起GOGOGO !! 🏊🚴‍🏃

1 Like 1 留言 11032 瀏覽

鐵人賽 Modern Web DAY 27

Angular Material完全攻略系列第 27 篇

技術 [Angular Material完全攻略] Day 27 - Angular CDK(3) - Bidirectionality、Layout

今天我們來講Angular CDK中兩個跟版面配置有關的功能，分別是Bidirectionality、Layout。 Bidirectionality主要是用來...

黃升煌 Mike ‧ 2018-01-14 ‧團隊2018 新年快樂

1 Like 1 留言 1836 瀏覽

鐵人賽 Software Development DAY 13

來做個網路瀏覽器吧！Let's build a web browser! 系列第 13 篇

技術瀏覽器引擎處理版面佈局的簡易版（三）

本系列目錄《來做個網路瀏覽器吧！》文章列表接續昨天討論 robinson/src/layout.rs 這個 layout 模組。一般來說，box 是從...

微中子 ‧ 2017-12-23

1 Like 1 留言 1931 瀏覽

鐵人賽 Software Development DAY 12

來做個網路瀏覽器吧！Let's build a web browser! 系列第 12 篇

技術瀏覽器引擎處理版面佈局的簡易版（二）

本系列目錄《來做個網路瀏覽器吧！》文章列表昨天討論了什麼是 box。算是對 layout 有初步認識了。今天來看 robinson/src/layout...

微中子 ‧ 2017-12-22

2 Like 1 留言 88952 瀏覽

技術 Android Studio 筆記─Layout元件介紹

Layout 決定app的外觀，來介紹幾個常見的Layout元件。Layout元件主要有分五種：Linear Layout(線性佈局)、Relative Lay...

麗麗 ‧ 2017-02-26

1 Like 1 留言 4050 瀏覽

鐵人賽自我挑戰組 DAY 9

30 天 CSS 隨手筆記系列第 9 篇

技術 30 天 CSS 隨手筆記 - 第 09 天 - OMG... Grid Layout~!! ( 5/7 - item 屬性 )

在 grid conatiner 上可以畫出表格後，剩下的就是 grid item 的事了。不多加設定的話，那麼預設是一個 item 佔一個 grid cel...

lazy_shyu ‧ 2016-12-24

1 Like 1 留言 4074 瀏覽

鐵人賽自我挑戰組 DAY 7

30 天 CSS 隨手筆記系列第 7 篇

技術 30 天 CSS 隨手筆記 - 第 07 天 - OMG... Grid Layout~!! ( 3/7 - container 屬性 1 )

今天筆記了幾個在 grid 上的基礎屬性，分別為： display ( 特定 value ) grid-template-columns grid-templ...

lazy_shyu ‧ 2016-12-22

1 Like 1 留言 4642 瀏覽

鐵人賽自我挑戰組 DAY 6

30 天 CSS 隨手筆記系列第 6 篇

技術 30 天 CSS 隨手筆記 - 第 06 天 - OMG... Grid Layout~!! ( 2/7 - 概觀 )

本來預計今天要筆記 Grid 相關屬性的，但考慮過後決定延到下一篇。這篇分為三個部分： ( 舉例 ) grid 大概是什麼樣子呢? 術語介紹 DEMO -...

lazy_shyu ‧ 2016-12-21

2 Like 0 留言 3980 瀏覽

鐵人賽自我挑戰組 DAY 5

30 天 CSS 隨手筆記系列第 5 篇

技術 30 天 CSS 隨手筆記 - 第 05 天 - OMG... Grid Layout~!! ( 1/7 - 簡介 )

10 月時，我與同事一起參加了 CSS Conf 2016，非常多的講者都在推 Grid 這個東西。( 我當時連聽都沒聽過，還覺得那可能是一個新的 css fr...

lazy_shyu ‧ 2016-12-20