Item logo image for Carbon Devtools V10

Carbon Devtools V10

Featured
5.0 (

1 rating

)
Item media 5 (screenshot) for Carbon Devtools V10
Item media 6 (screenshot) for Carbon Devtools V10
Item video thumbnail
Item media 2 (screenshot) for Carbon Devtools V10
Item media 3 (screenshot) for Carbon Devtools V10
Item media 4 (screenshot) for Carbon Devtools V10
Item media 5 (screenshot) for Carbon Devtools V10
Item media 6 (screenshot) for Carbon Devtools V10
Item video thumbnail
Item media 2 (screenshot) for Carbon Devtools V10
Item video thumbnail
Item media 2 (screenshot) for Carbon Devtools V10
Item media 3 (screenshot) for Carbon Devtools V10
Item media 4 (screenshot) for Carbon Devtools V10
Item media 5 (screenshot) for Carbon Devtools V10
Item media 6 (screenshot) for Carbon Devtools V10

Overview

A basic set of tools for teams building live Carbon pages for Carbon v10.

Carbon Devtools provides designers, developers, and QA teams collaborating to build Carbon pages with a simple toolset. The tool helps visualize Carbon's 2x grid over any live page, and provides basic insights into the usage of components and patterns on a given page to help users understand how the Carbon Design System is being used. Align to grid Use the grid overlay to lay the 2x and mini unit grids on top of your live page to quickly check its alignment and layout. Identify tokens Switch between a number of options like color, spacing, and typography to quickly identify Carbon’s usage. Component list Quickly get an inventory of all the Carbon components being used within a live page.

Details

  • Version
    2.8.4
  • Updated
    August 16, 2024
  • Offered by
    Carbon
  • Size
    279KiB
  • Languages
    English (United States)
  • Developer
    Email
    carbon@us.ibm.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy .

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

GitHub Web IDE

4.7

Open GitHub repositories in online web IDE

Website scripting

5.0

Developers can add javascript codes in webpage. Like customizing other websites with our own codes.

AEM Chrome Extension - SourcedCode

5.0

AEM Chrome Extension for AEM Content Authors, Developers, and CMS Admins for the AEM platform, all versions of AEM + AEMaaaCS.

ARIA DevTools

4.9

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

IBM Equal Access Accessibility Checker

4.9

A web browser extension for checking accessibility issues

Carbon

0.0

Simplify your browsing experience.

ZenHub for GitHub

4.8

Zenhub – Project Management Inside GitHub

Segment Event Tracker

4.7

See when Segment, Rudderstack, Attribution and Dreamdata events are being tracked.

Motion DevTools

4.5

Inspect, edit and export animations made with CSS and Motion One.

Jinno: code any React component with AI

4.8

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

Solid Devtools

5.0

Chrome Developer Tools extension for debugging SolidJS applications.

Android Developer Toolbox

4.8

A quick access toolbox of Android developer tools, calculators and information.

GitHub Web IDE

4.7

Open GitHub repositories in online web IDE

Website scripting

5.0

Developers can add javascript codes in webpage. Like customizing other websites with our own codes.

AEM Chrome Extension - SourcedCode

5.0

AEM Chrome Extension for AEM Content Authors, Developers, and CMS Admins for the AEM platform, all versions of AEM + AEMaaaCS.

ARIA DevTools

4.9

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

IBM Equal Access Accessibility Checker

4.9

A web browser extension for checking accessibility issues

Carbon

0.0

Simplify your browsing experience.

ZenHub for GitHub

4.8

Zenhub – Project Management Inside GitHub

Segment Event Tracker

4.7

See when Segment, Rudderstack, Attribution and Dreamdata events are being tracked.

Google apps
Create a Mobile Website
View Site in Mobile | Classic
Share by: