技術 Day06：頁面與版面設定

頁面與版面設定 上一篇補完了程式碼區塊與數學公式這兩個常用標記，從行內、區塊程式碼的語法高亮，到數學模式裡公式跟變數的解讀規則。這篇要往上一層，處理整份文件的頁...

技術 Day05：程式碼區塊與數學公式

上一篇講解了清單的進階用法，也補上連結、標籤引用，還有換行、智慧引號等幾個常用小語法。這篇要進到另外兩個很常用到的功能：程式碼區塊，還有眾所期待的（只有我覺得）...

技術 Day 04：列表、連結與常用標記語法

上一篇練了底線、刪除線、上標下標這些文字裝飾，也學會用 text 函式客製化字型、字級與顏色。這篇要換個方向，回頭把清單語法補完，再補上連結、標籤引用這些寫文件...

技術 Day03：Typst 的基本文字排版

上一篇寫出了第一份 Typst 文件，練了標題、粗體斜體、清單等幾個最基本的語法。這篇要繼續往下，細談常用的文字排版工具：底線、刪除線、螢光標記這類裝飾語法，上...

技術 Day02：第一份 Typst 文件

上一篇我們把環境準備好了，無論是本機安裝 CLI 搭配 VS Code 插件，還是直接用 typst.app 線上編輯，這篇要正式動手寫出第一份 Typst 文...

技術 Day01：為什麼是 Typst？

對於常需要排版數學符號、講究排版品質的大學生、研究人員來說，LaTeX 幾乎是繞不開的選擇——歷史悠久（自 1984 年起逾 40 年）、社群穩定、套件生態完整...

技術 Grid 網格佈局：讓排版像 Excel 一樣

Flexbox 適合一維的排版（單行或單列），而 Grid (Grid Layout) 則是一個二維的網格系統，它能像操作 Excel 表格一樣，輕鬆的將網頁劃...

技術 排版：Flexbox 彈性盒模型入門

告別傳統的浮動（float）排版，現在主流的 CSS 排版方式是 Flexbox 和 Grid。今天用 Flexbox (Flexible Box Layout...

技術 Day 2 - [UI] 02-通過UI設計師嚴格的檢查-文字Baseline

情境 有時候看著設計稿拉完 TextView，View 對齊了但字好像沒有真的對齊。這是因為中文字和英數字 Baseline 不一樣高。在使用 Constrai...

技術 Day 1 - [UI] 01-通過UI設計師嚴格的檢查-排版&點擊範圍

第二次參賽，這次不講 Code，來講工具！ 工作以來，發現很多我自己常用的小技巧或 Debug 工具，其實有些是同事不知道的。我打算用這30天的文章，紀錄平時工...

技術 25 - 【WORD】 Word 排版是為了列印

Word 跟Power Point 一樣，是個擁有多種功能的軟體，小的時候我甚至拿Word 來做過網頁。如果你使用Word 的目的跟我一樣是為了要用來製作印刷品...

技術 編排

編排的目的 這裡作者所指稱的編排，以我理解後的白話文就是：「在視覺上如何對程式碼進行排版。」大至不同檔案、模組間的安排，小至類別 (class) 內變數與方法的...

技術 [筆記本: Overleaf] 線上Latex文字格式化排版工具

Overleaf Latex是一種文字排版的語言，雖然該公司有出品編輯軟體，但是容量很大，線上版本比較省空間。如果對Latex有興趣但是沒有足夠的空間可以下載，...

技術 Secret 20: 連接線

設計師很喜歡在排版中將文字分散對齊，如果你看設計類雜誌或書籍就會發現到處都是。但是在網頁上，分散對齊卻很少用到，甚至連設計師們也少使用，為什麼呢？即使在CSS...

技術 蠻懷念的 20140624

在那個不是很多人買正版軟體的年代...

達標好文 技術 word基礎編排教學

這是由網友tigerfat在部落格撰寫的word教學文章，對不熟悉word如何排版的使用者相當有幫助！ http://www.wretch.cc/blog/ti...