中文總教學 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
查看全部
你可能也想看
迎新活動「方格新手村」：新格友註冊加入方格子，知名日料吃到飽餐券送給你！
👉 還不是 vocus 的會員嗎？點此註冊，參與新手村活動 👈
近期站上也出現了不少新格友，為了歡迎各位的加入，「方格新手村」隨之登場！
即日起，只要是新註冊帳號於活動期間內發佈 3 則文章，就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂，我們準備了小任
2024-06-21
103
什麼人適合國泰世華 CUBE App ？整理5大推薦原因你覺得哪間網銀的 App 最好用？
近幾年，我為了拿到很多家銀行的回饋，辦了很多家銀行的帳戶，數一數至少也有十幾間！
比較下來，國泰世華 CUBE App ，是我用起來最順手的 👍
國泰究竟贏在哪裡呢？讓我整理 5 個原因給大家～
發佈在
波琳達的沙龍
2024-07-05
64
川普當選，對台股是利多還是利空？川普在槍擊事件中所表現出來的英勇形象，讓他贏得美國總統大選幾乎已成定局。沒想到他隨口的一句話「台灣搶走美國的晶片生意，所以要付保護費」，就讓台積電在短短三天跌掉超過100 元，台股也跌掉1100點以上。台積電、台股會就此一路下跌嗎？未來該如何因應？
發佈在
施昇輝的小資幸福講堂
2024-07-20
78
投資人請小心仿冒中信證券！誆稱充值贈高額禮金，藉故凍結帳戶騙繳費
▍中信證券資訊:https://www.wikifx.com/zh/dealer/8401704439.html?source=tad2
▍反詐騙群組:
https://reurl.cc/Kejx3R
對現代人來說，投資不只是一種賺錢的手段，更是對抗通貨膨脹
發佈在
反詐鬥士黃老師的沙龍
2024-04-17
2
開放Ego/意志力/心臟中心者自我否定價值？超過40億的人類擁有未定義的心臟中心⋯⋯他們都在嘗試證明自己，都在嘗試改進自己。因為它是一個動力中心，你有70%的人口可能會讓自我膨脹。容易被「自我」（Ego）膨脹⋯⋯在決策過程中，背後有這個開放的心臟中心策略，試圖向別人證明自己，試圖證明自己。
2023-10-27
2
覓蠶健康餐盒 | 台中南區便當推薦，雞胸肉的8種吃法~這間覓蠶健康餐盒不是阿偉挖掘出來的台中美食，而是朋友推薦的南區新開的台中便當店，覓蠶的台中便當特色點是很注重均衡，主食有雞胸肉、雞腿、牛肉跟豬肉，茹素者也有素食餐盒可選～
發佈在
捲毛阿偉的沙龍
2023-10-19
5
【台南美甲材料批發】VLY小北旗艦店│VLY品牌專業美甲材料展售中心│全台獨家美甲機器保固一年│種類齊全又好逛│甲油膠身為DIY美甲愛好者，在台南絕對不能錯過這家「VLY專業美甲展售中心」小北旗艦店，真的超~好~逛！種類超齊全，在台南真的還沒看過商品種類比它還多的美甲材料店，真正的台南南波萬耶，您怎能錯過呢?
今天就帶大家來開箱這間「VLY專業美甲展售中心」
發佈在
走跳台南人的沙龍
2023-09-17
2
中文常說的「累積經驗」，怎麼用日文道地表達？日文有和中文一模一樣的講法：「経験(けいけん)を積(つ)む」，但你知道嗎，日文還有另一個和中文腦的邏輯完全不同的表達方式！就讓日本前女主播來教你。
2023-01-15
6
中文的局限，以及我爲什麽不支持盲目的漢字拉丁化寫出來發現，這篇文章純屬找駡。行吧，歡迎反駁，有理有據就算是吵起來我也喜歡，因爲對完善想法有益；也依然歡迎無故謾駡，前提是您得罵得過我~
一、中文的局限
二、漢字拉丁化
三、漢語是否需要結構性改革
發佈在
野人的沙龍
2022-08-03
5
中文語言學：沒有所謂主謂賓詞性詞性在古典中文是不存在的
僅存在「詞化」
所以你可以看到文言文有很多詞性變化
實際上詞性變化是用詞介
而古代中文的詞性變化詞介「被隱藏了」
發佈在
張爾的沙龍
2021-11-19
2
迎新活動「方格新手村」：新格友註冊加入方格子，知名日料吃到飽餐券送給你！
👉 還不是 vocus 的會員嗎？點此註冊，參與新手村活動 👈
近期站上也出現了不少新格友，為了歡迎各位的加入，「方格新手村」隨之登場！
即日起，只要是新註冊帳號於活動期間內發佈 3 則文章，就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂，我們準備了小任
2024-06-21
103
什麼人適合國泰世華 CUBE App ？整理5大推薦原因你覺得哪間網銀的 App 最好用？
近幾年，我為了拿到很多家銀行的回饋，辦了很多家銀行的帳戶，數一數至少也有十幾間！
比較下來，國泰世華 CUBE App ，是我用起來最順手的 👍
國泰究竟贏在哪裡呢？讓我整理 5 個原因給大家～
發佈在
波琳達的沙龍
2024-07-05
64
川普當選，對台股是利多還是利空？川普在槍擊事件中所表現出來的英勇形象，讓他贏得美國總統大選幾乎已成定局。沒想到他隨口的一句話「台灣搶走美國的晶片生意，所以要付保護費」，就讓台積電在短短三天跌掉超過100 元，台股也跌掉1100點以上。台積電、台股會就此一路下跌嗎？未來該如何因應？
發佈在
施昇輝的小資幸福講堂
2024-07-20
78
投資人請小心仿冒中信證券！誆稱充值贈高額禮金，藉故凍結帳戶騙繳費
▍中信證券資訊:https://www.wikifx.com/zh/dealer/8401704439.html?source=tad2
▍反詐騙群組:
https://reurl.cc/Kejx3R
對現代人來說，投資不只是一種賺錢的手段，更是對抗通貨膨脹
發佈在
反詐鬥士黃老師的沙龍
2024-04-17
2
開放Ego/意志力/心臟中心者自我否定價值？超過40億的人類擁有未定義的心臟中心⋯⋯他們都在嘗試證明自己，都在嘗試改進自己。因為它是一個動力中心，你有70%的人口可能會讓自我膨脹。容易被「自我」（Ego）膨脹⋯⋯在決策過程中，背後有這個開放的心臟中心策略，試圖向別人證明自己，試圖證明自己。
2023-10-27
2
覓蠶健康餐盒 | 台中南區便當推薦，雞胸肉的8種吃法~這間覓蠶健康餐盒不是阿偉挖掘出來的台中美食，而是朋友推薦的南區新開的台中便當店，覓蠶的台中便當特色點是很注重均衡，主食有雞胸肉、雞腿、牛肉跟豬肉，茹素者也有素食餐盒可選～
發佈在
捲毛阿偉的沙龍
2023-10-19
5
【台南美甲材料批發】VLY小北旗艦店│VLY品牌專業美甲材料展售中心│全台獨家美甲機器保固一年│種類齊全又好逛│甲油膠身為DIY美甲愛好者，在台南絕對不能錯過這家「VLY專業美甲展售中心」小北旗艦店，真的超~好~逛！種類超齊全，在台南真的還沒看過商品種類比它還多的美甲材料店，真正的台南南波萬耶，您怎能錯過呢?
今天就帶大家來開箱這間「VLY專業美甲展售中心」
發佈在
走跳台南人的沙龍
2023-09-17
2
中文常說的「累積經驗」，怎麼用日文道地表達？日文有和中文一模一樣的講法：「経験(けいけん)を積(つ)む」，但你知道嗎，日文還有另一個和中文腦的邏輯完全不同的表達方式！就讓日本前女主播來教你。
2023-01-15
6
中文的局限，以及我爲什麽不支持盲目的漢字拉丁化寫出來發現，這篇文章純屬找駡。行吧，歡迎反駁，有理有據就算是吵起來我也喜歡，因爲對完善想法有益；也依然歡迎無故謾駡，前提是您得罵得過我~
一、中文的局限
二、漢字拉丁化
三、漢語是否需要結構性改革
發佈在
野人的沙龍
2022-08-03
5
中文語言學：沒有所謂主謂賓詞性詞性在古典中文是不存在的
僅存在「詞化」
所以你可以看到文言文有很多詞性變化
實際上詞性變化是用詞介
而古代中文的詞性變化詞介「被隱藏了」
發佈在
張爾的沙龍
2021-11-19
2