Abstract: A website building system (WBS) includes an edit handler to receive an editing action and a change in display width parameters from a designer and to define changes to components of a page of a website according to the editing action and the changed display width parameters. The edit handler includes a dynamic layout handler to process dynamic layout triggers associated with the editing action and to modify a layout of the page accordingly, a layout handler to calculate updated layouts for the page according to formulas based on the changed display width parameters, a text scaler to scale text between minimal and maximal values according to the changed display width parameters, a visibility handler to manage hiding and unhiding of components for pre-defined breakpoint ranges for the page, and a component handler to adapt attributes of the components according to responsive affecting parameters modified by the editing action.

Abstract: A website building system includes a processor; at least one database storing at least website pages and layouts comprising fluid components, breakpoint ranges for multiple viewport sizes, dynamic layout rules and responsive editing rules for editing said fluid components according to breakpoint ranges and a responsive editing module running on the processor, the module includes a rule engine to provide layout decisions for a page of a website built by the WBS according to the dynamic layout rules and the responsive editing rules associated with at least one incoming trigger; a responsive editor to receive the at least one incoming trigger and dimensions of a current viewport, and to generate an updated fluid responsive design layout for said current viewport according to the layout decision and a CSS (cascading style sheet) generator to map the features of the updated fluid responsive design layout design into a smart CSS for the current viewport.

Abstract: A website building system includes a processor; at least one database storing at least website pages and layouts comprising fluid components, breakpoint ranges for multiple viewport sizes, dynamic layout rules and responsive editing rules for editing said fluid components according to breakpoint ranges and a responsive editing module running on the processor, the module includes a rule engine to provide layout decisions for a page of a website built by the WBS according to the dynamic layout rules and the responsive editing rules associated with at least one incoming trigger; a responsive editor to receive the at least one incoming trigger and dimensions of a current viewport, and to generate an updated fluid responsive design layout for said current viewport according to the layout decision and a CSS (cascading style sheet) generator to map the features of the updated fluid responsive design layout design into a smart CSS for the current viewport.

Abstract: A website building system includes a processor; at least one database storing website pages and layouts comprising fluid components, breakpoint ranges for multiple viewport sizes, dynamic layout rules and responsive editing rules for editing said fluid components according to breakpoint ranges and a responsive editing module running on the processor, the module includes a rule engine to provide layout decisions for a page of a website built by the WBS according to the dynamic layout rules and the responsive editing rules associated with at least one incoming trigger; a responsive editor to receive the at least one incoming trigger and dimensions of a current viewport, and to generate an updated fluid responsive design layout for said current viewport according to the layout decision and a CSS (cascading style sheet) generator to map the features of the updated fluid responsive design layout design into a smart CSS for the current viewport.

Abstract: A visual design system includes a dynamic layout editor, a page analyzer, a UI subsystem and a change executor. The dynamic layout editor edits content of a visual creation according to dynamic layout rules. The visual creation includes at least one page having at least two components, the dynamic layout rules are associated with anchors or constraints for positioning the components, and each component has geometrical properties. The page analyzer performs a geometrical analysis on the page in response to a change of components and divides the page into sections based on at least geometrical relationships between the geometrical properties. The UI subsystem generates and presents at least one section to a user for editing as a virtual container containing at least one of the two components. The change executor regenerates and displays the page with the section according to editing changes made during the editing session.

Abstract: A visual design system implementable on a computing device, the device having a processor and a memory. The system includes a dynamic layout editor to edit a visual creation with absolute positioning including at least one page having a least two components during an editing session; a page analyzer to perform at least geometrical analysis on the at least two components and to divide the page into at least one section according to the analysis; a UI subsystem to generate and present each at least one section as a virtual container and to generate at least one section manipulator tool to enable a user to perform manipulation on the at least one section; and a change executor to regenerate the page based on the manipulation to the at least one section and at least according to dynamic layout rules.