Design a card layout in LiveCode, then export to HTML and CSS. Drag and drop design of one-off web pages.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css-processor
images
web output card 1
web output card 2
web output card 3
web output card 4
web output card 5
web output card 6
web output card 7
LICENSE.txt
README.md
lcCardLayoutToWeb-EXPORT.livecodescript
lcCardLayoutToWeb-IMPORT.livecodescript
lcCardLayoutToWeb.livecode

README.md

lcCardLayoutToWeb

This goal of this project is a design tool for one-off web simulations in which page elements are placed in non-grid layouts. The project is not intended to build full-featured web pages. There is no LiveCode script conversion.

You can design a layout in LiveCode, then export the layout to HTML and CSS files. Drag and drop design!

The project is "reversible" - an exported web page, which has changes such as addition of file and event function references, can be imported back into to the project, edited (controls moved, added and deleted), and then exported back to a revised web page with the file and event references preserved.

parakeet still 20161006

This project is being built with the open-source, Community Edition of LiveCode. Get it at www.LiveCode.org. You need to use the LiveCode IDE, version 8 or higher, in order to use this project.

My use of this project is to develop web apps that are interactive simulations of physical systems. Examples of web apps built with this project are posted at http://reactorlab.net/web-labs/

Each LiveCode control is referenced in CSS by id only, thus cascading is limited. LiveCode controls supported include groups, standard buttons, menu buttons, checkboxes, radio buttons, locked fields, unlocked fields, and scrollbars (as range inputs). See the project wiki for other limitations.

The css-processor stack can be used to process CSS files in order to scale a card layout to other widths.

SEE THIS PROJECT'S WIKI IN THE TAB ABOVE FOR MORE INFO.

CONTACT INFO FOR Richard Herz IS AT www.ReactorLab.net ( Richard K. Herz )