sandor / floido-designer Goto Github PK
View Code? Open in Web Editor NEWfloido designer project
floido designer project
Typography
– colors: same problems as everywhere
– the numberinputs (font size, Line height, spacing, border) are not reflecting the changes of the sliders
– text border does not accepting "0" – so there is a border even if it should not be. Should be initially "0"
Important – !:
– if a NON text object (like rectangle etc.) is selected, all the text controls should be disabled
– if a TEXT object is selected all the styling control should be disabled
– right and left panel: the initially active tab should be set as active (blue)
– left panel: the tabs for layers and pages should be changed by the icons in the TOP panel
– The numerical values are not updating when you drag/scale/rotate the object with the mouse on the canvas.
– Numerical inputs should show the values without decimal units. I.E 400px and not 400.345px
– Check all Inputs if the are working or not...
Create it as filters.js – ???
The image filter in the Styling menu should be implemented and bounded to their respective controls. Implement the filters as array function. Here is some info and help for the implementation:
This should be now really trivial. All we have to do is to construct an array for the filters. The mechanism for activating – deactivating the respective filter is solved in the "Shadow" function I think (the switch should avt like the shadow switch)...
This panels – and also other UI related panels and windows that we will introduce later on in the project – should be accessible from the main "electron" menu. So from the main app menu. After thinking over all the aspects now, following should happen with the tab panels on the left and right side.
Left Side menu:
– the panels on the left (layers and pages) should be physically bound to the left pane in the index.html
– the buttons in the toolbar.html file should remain as they where originally created (residing only in the toolbar on the top
– a click on this buttons should switch between Layers and Pages
Right Side Menu:
– the panels on the left (currently only Inspector. Later than Asset Library) should be physically bound to the left pane in the index.html
– the buttons in the toolbar.html file should remain as they where originally created (residing only in the topbar)
– a click on this buttons should switch (later) between Inspector, Asset Library etc. We should build this tab panels and switching mechanism (with some dummy content for asset library) just like for the left pannel...
the text attribute uderline is defined in beta 2 as true or false. Please fix this in the functions and in the text panel
EDIT: We have to investigate this with the help of the developers. In beta2 this text decorations (overline, underline etc.) are handled differently than before
The size of the background image (scale) should be manipulated with the slider
Please add "Center on canvas" to the "Repeat" options (also as function)
We need some functions to align objects on the canvas. Here is a reference for left, right center. Extend this to top, middle and bottom and connect to the little buttons in the element styling panel...
Inspiration (but be aware there is a bug in the code – play around to see it):
https://jsfiddle.net/rekrah/xxrqbhph/
Distribute object horizontally and vertically. We need also this function. Should be working like in Adobe applications.
Some of the XEL Widgets (like radios etc.) are not acting as they should when we use AngularJS. Please examine why this is happening. Possible solution: examine the bindToValue functions and the getter and setter methods defined there...
Please make a reference function/binding for all the relevant XEL Widgets to check if the are working...
In the element layout panel – when you click on the toggle button between Size-Width and Size-Height (toggled) the size should be scaled respecting the current aspect ratio of the object.
!!! Same applies for the object scale...
There is a paster JS file that 'should' be doing this – pasting Images copied from OUTSIDE of floido on the floido canvas. I.E. copy in Photoshop and paste in floido as image file. This function is not working – would be great to have it....
– The helpers.js file should be separated further in smaller (logical) chunks. I.E. creating object in one file, manipulating object/text properties in one file etc. etc
– please get rid of the word "kitchensink" in the JS files ;-))))
I want this to run in browser, please suggest me how it is possible, if it is.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.