Difference between revisions of "Fresnel"
From Free Pascal wiki
Jump to navigationJump to search (Created page with "=Overview= Fresnel is a visual component library based on CSS and custom drawn components. It is in an early stage of development. git repo: https://gitlab.com/freepascal.or...") |
|||
Line 7: | Line 7: | ||
=Roadmap= | =Roadmap= | ||
− | |||
* Layouter: | * Layouter: | ||
** Testsuite | ** Testsuite | ||
** Flow layouter: | ** Flow layouter: | ||
− | *** fragments for elements, | + | *** fragments for elements, needed for wordwrap and toolbars, |
− | *** floats, | + | *** floats (left, right), |
*** direction, | *** direction, | ||
*** position relative+sticky, | *** position relative+sticky, | ||
Line 35: | Line 34: | ||
** keyboard | ** keyboard | ||
** pseudo attribute :hover | ** pseudo attribute :hover | ||
− | * Skia | + | * [https://skia.org/ Skia]for LCL custom drawn widgetset, |
** Testsuite | ** Testsuite | ||
+ | ** opacity | ||
+ | ** colors: rgb, rgba, hsl, hsla | ||
+ | ** borders: width, color, style | ||
+ | ** background: color | ||
+ | ** font | ||
+ | ** invalidate changed containers, paint only parts | ||
+ | * Fresnel backend | ||
** window | ** window | ||
** drawing | ** drawing | ||
Line 43: | Line 49: | ||
** idle | ** idle | ||
** timer | ** timer | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
* Animation | * Animation | ||
* Fresnel components: | * Fresnel components: | ||
Line 61: | Line 59: | ||
** textarea | ** textarea | ||
* Other: | * Other: | ||
− | ** CSS attribute all | + | ** CSS attribute "all" |
** CSS variables | ** CSS variables | ||
** background gradient | ** background gradient |
Revision as of 16:10, 30 December 2022
Overview
Fresnel is a visual component library based on CSS and custom drawn components. It is in an early stage of development.
git repo: https://gitlab.com/freepascal.org/lazarus/fresnel
Roadmap
- Layouter:
- Testsuite
- Flow layouter:
- fragments for elements, needed for wordwrap and toolbars,
- floats (left, right),
- direction,
- position relative+sticky,
- line-height
- Flex layouter
- Grid layouter
- Overflow: scrolling, clipping
- Fresnel lcl form
- designer/mediator
- dropping fresnel components
- forbidding lcl TControl
- property editor: viewport stylesheet
- property editor: inline style
- view for computed CSS attributes and errors
- Renderer-LCL:
- Testsuite
- colors: rgb, rgba, hsl, hsla
- borders: color, style
- invalidate changed containers, paint only parts
- Events
- mouse
- keyboard
- pseudo attribute :hover
- Skiafor LCL custom drawn widgetset,
- Testsuite
- opacity
- colors: rgb, rgba, hsl, hsla
- borders: width, color, style
- background: color
- font
- invalidate changed containers, paint only parts
- Fresnel backend
- window
- drawing
- mouse events
- keyboard events
- idle
- timer
- Animation
- Fresnel components:
- Testsuite
- div and span: already tested in Layouter and Renderer
- label
- link (CSS a), pseudo elements: :active, :link, :visited
- image (CSS img)
- edit aka input type=text
- textarea
- Other:
- CSS attribute "all"
- CSS variables
- background gradient
- background image
- stylesheets for windows, linux, macos
- lists
- special funding page on foundation site.
- HTML importer