FuncyTag + FuncyStyle = FuncyTown
FuncyTag is a way to generate HTML in pure javascript. FuncyStyle generates CSS Stylesheets in pure javascript. Working together or independently, FuncyTag and FuncyStyle are a way to build web components without leaving the javascript mental environment.
Learn a bunch more, including the python FuncyTag library, at FuncyTag on GitHub.
FuncyTown Javascript Examples
- example1_funcytag_intro - demonstrate very basic use of Tags as Functions
- example2_children - child elements are embedded parameters
- example3_css_properties - fold css properties into the cssCamelCase attributes
- example4_css_units - avoid string operations by adding "_unit" to end of css name
- example4b_css_color - simple css color operations
- example5_inner_tag - contents of a tag may be another tag
- example6_array_contents - contents of a tag may include arrays of content
- example7_default_attributes - create new tags with default attributes
- example8_behavior_modification - options to modify tag behavior
- example9_inheritance - tags can inherit options of other tags
- example10_esc - escaping text within a string
- example11_simple_events - add simple events to a funcytag
- example11b_simple_events_w_render - add simple events to a funcytag (using _render)
- example12_funcystyle_intro - introduction to add css styles via functions
- example13_animate_inout - use "funcyStyle" and oninit()" for box grow-in and shrink-out effects
- example14_funcystyle_variables - demonstrate use of variables in FuncyStyle
- example15_style_nesting - nest styles within other styles
- example_end - no more examples
For more info, see FuncyTown home page, github project, and tutorial.