Extract and inspect web design measurements!

Latest Version

Version
1.1.0
Update
March 14, 2021
Size
838KiB
Developer
Category
Users
337
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
UnlimitedStorage
Scripting
See more

Web Design Scraper Extension

Web Design Scraper is a research tool for extracting objective web design measurements from a web page.

Web design measurements are aspects from web design that are representable in numerical form, generated by procedural algorithms.

In this tool, you can download the extracted measurements in a JSON file, which can be used as machine learning inputs for:
➡️ Predicting the usability of websites
➡️ Classifying websites based on certain design measurements
➡️ Scoring website quality and design aesthetic

Our algorithms can extract the following measurements:
➡️ Symmetry (Calculate ciede2000 average from the screenshot)
➡️ Complexity (Estimate text elements usage in the web page)
➡️ Density (Estimate negative space usage)
➡️ Cohesion (Calculate image elements aspect ratio consistency)
➡️ Economy (Calculate UI element size consistency)
➡️ Simplicity (Get total alignment points of UI elements)
➡️ Dominant colors
➡️ Font families
➡️ Text size distribution

More design measurements are currently being researched. 🔬

This extension is the implementation of the web design scraping concept that we coined in our research paper [1].

Visit our GitHub Repo to see how we extract the web design measurements:
https://github.com/echamudi/web-design-scraper

-----
[1] A. Namoun, A. Alshanqiti, E. Chamudi and M. A. Rahmon, \"Web Design Scraping: Enabling Factors, Opportunities and Research Directions,\" 2020 12th International Conference on Information Technology and Electrical Engineering (ICITEE), Yogyakarta, 2020, pp. 104-109, doi: 10.1109/ICITEE49829.2020.9271770.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Web Design Scraper", "version": "1.1.0", "description": "Extract and inspect web design measurements!", "manifest_version": 3, "permissions": [ "activeTab", "storage", "unlimitedStorage", "scripting" ], "action": { "default_popup": "popup.html", "default_icon": { "16": "/assets/ico_16.png", "32": "/assets/ico_32.png", "48": "/assets/ico_48.png", "128": "/assets/ico_128.png" } }, "icons": { "16": "/assets/ico_16.png", "32": "/assets/ico_32.png", "48": "/assets/ico_48.png", "128": "/assets/ico_128.png" }}
Read more

Similar Extensions

icon

Custom Elements Locator Extension · Developer Tools 337 3 ★ 3.46MiB

icon

Scrape All Extension · Productivity 337 2 ★ 773KiB

icon

Markflow: Copy Elements to Figma, React, etc. Extension · Developer Tools 337 4 ★ 1.6MiB

icon

SiteMapper Extension · Productivity 337 0 ★ 388KiB

icon

Css Layout Hack Extension · Developer Tools 337 3 ★ 167KiB

icon

VisualSitemaps Extension · Productivity 337 0 ★ 13.11KiB

icon

Data Scraper Extension · Productivity 337 4 ★ 105KiB

icon

Outliner Extension · Developer Tools 337 3 ★ 15.99KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 337 54 ★ 434KiB

icon

HTML & CSS Design Analysis Extension · Developer Tools 337 0 ★ 1.47MiB

icon

Supinfor Scraper Extension · Productivity 337 11 ★ 1.22MiB

icon

Web Design Pirate Extension · Developer Tools 337 21 ★ 134KiB

icon

UI Design Extension · Developer Tools 337 3 ★ 26.09KiB

icon

SnipCSS Extension · Developer Tools 337 32 ★ 13.12MiB

icon

ChatGPT: Prompt Mate Extension · Productivity 337 4 ★ 2.17MiB

icon

Dream Digital Data Scraper Extension · Productivity 337 17 ★ 137KiB

icon

Looksee Extension · Developer Tools 337 3 ★ 45.51KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 337 38 ★ 18.37MiB

icon

Telescope: AI-powered Web Clipper Extension · Productivity 337 8 ★ 924KiB

icon

get-set, Fetch! web scraper Extension · Productivity 337 2 ★ 760KiB

icon

SiteSee | Web Design Inspiration Extension · Productivity 337 5 ★ 64.13KiB

icon

Wisiwig: UI Design and Inspect Tool Extension · Developer Tools 337 6 ★ 81.8KiB

icon

ChatGPT AutoPrompt Extension · Accessibility 337 4 ★ 29.94KiB

icon

Web Scraper Extension · Developer Tools 337 48 ★ 50.73KiB