https://github.com/kazutoshiyoc/web-layout-simulator

"Box Layout Simulator", "String Layout Simulator" and "Font Size Checker" are available.
https://github.com/kazutoshiyoc/web-layout-simulator

html-css-javascript layout-testing

Last synced: 20 days ago
JSON representation

"Box Layout Simulator", "String Layout Simulator" and "Font Size Checker" are available.

• Host: GitHub
• URL: https://github.com/kazutoshiyoc/web-layout-simulator
• Owner: Kazutoshiyoc
• Created: 2020-03-20T16:44:33.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-05-26T06:41:12.000Z (over 2 years ago)
• Last Synced: 2024-11-05T10:11:51.338Z (2 months ago)
• Topics: html-css-javascript, layout-testing
• Language: PHP
• Homepage:
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web Layout Simulator

## Overview

HTML/CSSの基礎的なレイアウト描画をシミュレーションすることができます。

以下の3種類のシミュレータが利用できます。

+ **Box Layout Simulator**

  + width, height, margin, padding, position, top, left, right, bottom, display, border, border-radius, border-width, border-color, float, background-colorのシミュレーションが可能です。

+ **String Layout Simulator**

  + font-size, line-height, letter-spacing, margin, padding, color, background-color, width, heightのシミュレーションが可能です。

+ **Font Size Checker**

  + 1px〜100pxのフォントサイズのチェックが可能です。

## Published version

[http://websimulator.pengunin.com/](http://websimulator.pengunin.com/ "Web Layout Simulator (published version)")