中文總教學 1：pxCode 是什麼？
閱讀時間約 2 分鐘
總的來說，pxCode 的目標，以及想要解決的問題就是切版。
為什麼使用 pxCode？
1. 【優化生產力與溝通效率 Efficiency】
目前在市面上，並沒有什麼有效的切版工具，幾乎都必須經歷耗時的「手動切版」。這是非常煎熬、也消耗時間的，並且需要大量的溝通。pxCode 提供了有效的切版介面，讓我們可以在短時間內產出完善的響應式網頁（RWD）。
2. 【像素精準品質 不會跑版 Pixel Perfect】
pxCode 的誕生，幫助你的切版效率，提高生產力。我們甚至可以直接在編輯器上編輯 RWD、甚至預覽 RWD，提供多種快速完成切版的功能。因此可以說，在 pxCode 進行切版，就是可以達到精準的象素，且不會跑版。
3. 【產出易理解可維護的程式碼 Clean Code】
另外，pxCode 也堅持所生產出來的程式碼是清楚且可以維護的。我們也知道，AI（人工技術） 所生產的程式碼是並不是完全精確的，而且 RD（網頁開發師）接手之後也不能改，這對切版並沒有幫助。
因此為了達到產出可以維護使用的程式碼，我們提供簡單的方法讓使用者去自行編輯。
【編輯流程簡介】
在 pxCode 裡，我們支援 Sketch 和 Figma。導入設計稿進行編輯之後，就會自動產生 HTML 和 CSS 的程式碼。
【切版概念】
一個 Figma 或 Sketch 設計稿原本是定稿的，而我們在 pxCode 裡就必須讓他變成彈性變化的狀態，也就是所謂的 RWD。因此，當產出的網頁在不同解析度的裝置上時，都可以讓內容進行配合，呈現一個舒服的網頁視覺狀態。
**其中，當我們將設計稿導入 pxCode 後，所有內容元件的結構都會自動被攤平。這個原因是，雖然設計稿在設計軟體裡已有本身的結構，不過為了產生最好的結構（HTML程式碼），我們決定讓使用者在 pxCode 進行一個結構整理，來達到最完好的程式碼狀態。
因此簡單而言，就是將【絕對定位的設計稿】轉化成【有結構且適配的網頁程式】。
-
【關注 pxCode】
FB：https://www.facebook.com/pxCode
Medium：https://medium.com/pxcode
官網：https://www.pxcode.io/
FB：https://www.facebook.com/pxCode
Medium：https://medium.com/pxcode
官網：https://www.pxcode.io/
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
不知道大家是曾有過這樣的經驗，每次在YT上想要看外文影片，打開字幕->自動翻譯->繁體中文時，總是不會出現字幕，只好退而求其次選擇簡體中文。
今天這篇文章來與大家分享，如何拯救YOUTUBE繁體字幕，讓迷路的文字回歸正軌!!
Step1: 前往Chrome 擴充套件(Youtube繁體自動套
Tenge AI是一款免費的AI圖像生成器，支持中文和英文提示詞或圖像上傳生成。它提供了19種風格，並可以用於商業用途。
蔡依林：「好像在耳邊跟一個親愛的人呢喃、耳語的感覺」，並說明創作理念：「我想傳達的是，關於思念、遺憾、所有的陪伴，不管他現在是你的親人、朋友、寵物或是你愛的人，…在愛的關係中，我想表達的是，不管是什麼樣子的定義，只要你們兩個清楚地知道，有彼此存在的那種安全感。
而那正是我們「無法言盡的思念和愛」。
超過40億的人類擁有未定義的心臟中心⋯⋯他們都在嘗試證明自己，都在嘗試改進自己。因為它是一個動力中心，你有70%的人口可能會讓自我膨脹。容易被「自我」（Ego）膨脹⋯⋯在決策過程中，背後有這個開放的心臟中心策略，試圖向別人證明自己，試圖證明自己。
這間覓蠶健康餐盒不是阿偉挖掘出來的台中美食，而是朋友推薦的南區新開的台中便當店，覓蠶的台中便當特色點是很注重均衡，主食有雞胸肉、雞腿、牛肉跟豬肉，茹素者也有素食餐盒可選～
身為DIY美甲愛好者，在台南絕對不能錯過這家「VLY專業美甲展售中心」小北旗艦店，真的超~好~逛！種類超齊全，在台南真的還沒看過商品種類比它還多的美甲材料店，真正的台南南波萬耶，您怎能錯過呢?
今天就帶大家來開箱這間「VLY專業美甲展售中心」
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
不知道大家是曾有過這樣的經驗，每次在YT上想要看外文影片，打開字幕->自動翻譯->繁體中文時，總是不會出現字幕，只好退而求其次選擇簡體中文。
今天這篇文章來與大家分享，如何拯救YOUTUBE繁體字幕，讓迷路的文字回歸正軌!!
Step1: 前往Chrome 擴充套件(Youtube繁體自動套
Tenge AI是一款免費的AI圖像生成器，支持中文和英文提示詞或圖像上傳生成。它提供了19種風格，並可以用於商業用途。
蔡依林：「好像在耳邊跟一個親愛的人呢喃、耳語的感覺」，並說明創作理念：「我想傳達的是，關於思念、遺憾、所有的陪伴，不管他現在是你的親人、朋友、寵物或是你愛的人，…在愛的關係中，我想表達的是，不管是什麼樣子的定義，只要你們兩個清楚地知道，有彼此存在的那種安全感。
而那正是我們「無法言盡的思念和愛」。
超過40億的人類擁有未定義的心臟中心⋯⋯他們都在嘗試證明自己，都在嘗試改進自己。因為它是一個動力中心，你有70%的人口可能會讓自我膨脹。容易被「自我」（Ego）膨脹⋯⋯在決策過程中，背後有這個開放的心臟中心策略，試圖向別人證明自己，試圖證明自己。
這間覓蠶健康餐盒不是阿偉挖掘出來的台中美食，而是朋友推薦的南區新開的台中便當店，覓蠶的台中便當特色點是很注重均衡，主食有雞胸肉、雞腿、牛肉跟豬肉，茹素者也有素食餐盒可選～
身為DIY美甲愛好者，在台南絕對不能錯過這家「VLY專業美甲展售中心」小北旗艦店，真的超~好~逛！種類超齊全，在台南真的還沒看過商品種類比它還多的美甲材料店，真正的台南南波萬耶，您怎能錯過呢?
今天就帶大家來開箱這間「VLY專業美甲展售中心」