Dimensions
PixelSnap
xScope
EpicRuler
Hoverify
CSS Scan
QuickLens
UXsniff
CodeSandbox
CodePen
replit
JSFiddle
StackBlitz
GitHub
Visual Studio Code
JS Bin
Dimensions CodeSandboxBased on our record, CodeSandbox seems to be a lot more popular than Dimensions. While we know about 300 links to CodeSandbox, we've tracked only 1 mention of Dimensions. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Measuring distances between elements on a website has never been easier with Dimensions. When activating the extension, your mouse becomes the starting point of two axes that are used to calculate spaces. - Source: dev.to / almost 3 years ago
Ok last but not least, Codesandbox. This is a newcomer to online collaborative workspaces which seems much more advanced. Codesandbox.io allows you to create node/npm projects, install packages, setup webpack or bundlers, include frameworks like React or Vue, and code in Typescript or JavaScript. It looks and acts like an IDE (VSCode) in the cloud, allowing shareable projects, not just code snippets. - Source: dev.to / 3 months ago
Codesandbox.io — Online Playground for React, Vue, Angular, Preact, and more. - Source: dev.to / 4 months ago
Sync your projects effortlessly with GitHub. Codesandbox. - Source: dev.to / 4 months ago
Use online code editors such as Codesandbox or Stackblitz. They let you focus on writing code rather than dealing with local environment complexities. - Source: dev.to / 5 months ago
For this article, I will be using an online code editor called Codesandbox. You can go ahead and use it as well, you can also create normal React js application on your computer. - Source: dev.to / 6 months ago
PixelSnap - Measure every pixel on your screen with ease ✨
CodePen - A front end web development playground.
xScope - xScope is an excellent utility that is used to measure the graphic layouts or any application’s dimensions for checking the operating systems’ compatibility with the desktop screen.
replit - Code, create, andlearn together. Use our free, collaborative, in-browser IDE to code in 50+ languages — without spending a second on setup.
EpicRuler - An impressive set of design utility tools to measure distance, dimension, position, pick colors, test contrast and align elements, anywhere on your screen.
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.