pxCode Team
9
位追蹤者
追蹤
pxCode 是一個響應式網頁(RWD)開發工具,並由台灣團隊創建的。致力於提供一個最快速、最簡單的平台,讓每個人輕鬆地將設計稿轉換成響應式網頁。
pxCode Team的沙龍
8
會員
8
內容數
加入
前往沙龍
以全中文介紹 pxCode 的內部功能,並進行細節的分段教學。
加入
前往沙龍
發佈內容
我的成就
全部內容
由新到舊
pxCode Team的沙龍
2022/01/28
Posize 和 Flex?——pxCode 兩個簡單功能,掌握 RWD 切版的關鍵要素
在pxCode裡,只要有了Posize+Flex,無論什麼樣的設計稿,都可以用最有效率的方式進行切版編輯,大大提升了效率。
#
posize
#
pxCode教學
#
Figma轉HTML
20
留言
pxCode Team的沙龍
2022/01/28
RWD切版秘笈:透過這些方法,改善 Sketch 和 Figma 的設計稿問題
你或許會好奇,為什麼早已在設計軟體完成的設計稿,還要進行修正?—— 沒錯,因為這中間的切換,經常會有元件不適應(也可能是設計稿本身)的問題。
#
設計稿編輯
#
Figma
#
Sketch
2
留言
pxCode Team的沙龍
2022/01/28
最簡單的前端切版工具!——只要掌握這四個編輯功能,就可以輕鬆RWD
這篇文中,將會重點介紹網pxCode裡,使用者介面的四大功能項目,分別是——導覽列 Navigator、屬性 Inspector、工具列 Toolbor、編輯區 Editing Canvas
#
UX
#
使用者介面
#
網頁切版
喜歡
留言
pxCode Team的沙龍
2022/01/26
要做RWD網頁切版——你知道,最重要的是結構(HTML)嗎?
在pxCode裡,和其他編輯工具的共同點.,就是所有的編輯調整都建立在結構之上。所以要進入更細節的調整,都必須先把結構(既HTML)的基礎打好。
#
HTML
#
Figma轉HTML
#
Sketch轉HTML
2
留言
pxCode Team的沙龍
2022/01/26
最簡單快速的編輯概念:設計稿轉RWD之前,你應該要知道什麼?
對於剛入門的新手來說,有一些細節概念或許不是那麼清楚的,例如說什麼時候應該做出怎麼樣的調整,來進入下一步調整?
#
RWD概念
#
響應式網頁教學
#
Figma轉HTML
2
留言
pxCode Team的沙龍
2022/01/26
從設計檔到RWD響應——完整的快速工具教學
pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何資訊或設計背景的用戶,都可以輕易上手。
#
響應式網頁
#
RWD
#
pxCode
喜歡
留言
pxCode Team的沙龍
2021/09/24
中文總教學 2:pxCode 編輯概念
在 pxCode 裡,我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後,再動手執行,會更有效率!
#
pxCode
#
切版
#
響應式網頁設計
4
留言
pxCode Team的沙龍
2021/09/24
中文總教學 1:pxCode 是什麼?
在 pxCode 裡,我們支援 Sketch 和 Figma。導入設計稿進行編輯之後,就會自動產生 HTML 和 CSS 的程式碼。
#
pxcode
#
html
#
css
1
留言
vocus 勳章
NFT
了解
如何蒐集勳章