Sign in

pxCode results directly with HTML & CSS. But how do these two programming languages affect this low-code web editor during editing stage?

In this article, we’ll be focusing on understanding HTML. To elaborate the connection between HTML and the structure of pxCode.

On the left side of the editing canvas…


In pxCode, 【Flex】 plays an important role on reflecting the final layout pattern. pxCode provides flexible adjustments for Developers to make Media Queries changes under Flex editing. 🤔

Besides Posize & Flex, Media Queries is another factor that affects the final layout pattern and code generates of your Design in…


In pxCode, we created a unique feature that helps you to achieve pixel perfect. Pixel Perfect is essential during the editing stage, it helps to identify the suitable position and size for the item selected. 🖊

Posize is a revolutionary feature for Design to Code development

This feature not only helps you to speed up the editing process, but now…


👉 ‘Handoff‘ is an action of ‘Handover’ between Designer & Developer during Web Development.

On an original design file, components are placed all over the canvas. Right after the designing process, it is required to make some editing specifically to the components, in order to let the design move flexibly…


There are so many differences among these tools, but there’s one thing in common: 【To make the Developing Stage easier, faster, and overall better.】

Let’s take a look and see what do these tools offer.

Comparison between Anima, Webflow, Zeplin & pxCode through a chart

From this chart, you can easily tell the differences between these tools. Even if they…


Developing time plays a crucial role in modern Web Design. Most developing teams want to minimize the time required to go from an idea to a ready-to-use Website, without sacrificing the quality of the design along the way. …


First of all, to find out the answer, we should understand the difference between these two —— ‘The difference between AWD & RWD?’ Let’s have a simple answer with its acronyms.

🟠 AWD is the acronym of Adaptive Web Design,
🔵 RWD stands for Responsive Web Design.

AWD 🟠

In other simple…


In this article, you’ll learn the essential features of the Inspector in pxCode.

Firstly, what is an Inspector? 🤔

In pxCode, Inspector is located on the right side of the editing page, with four main sections [Layout, Flexbox, Style, Partial Code] listed on the top of the menu bar.


Since the mid of March 2021, pxCode officially supports Figma design files asides from Sketch design, you can now integrate your Figma & Sketch design with @pxCode.

pxCode lets you export your frames and components. With the revolutionary features provided, you hold the complete control to make flexible edits on…


In this article, you’ll learn the essential features of the Inspector in pxCode.

Firstly, what is an Inspector? 🤔

Inspector exists in literally every developing tool, it was mainly used to overview the editing stage of your work, it also includes all the functions you need for editing.

pxCode

From Design to Code. Your fastest choice for Responsive Webpage. https://www.pxcode.io

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store