Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Alternative tiling controls #121

Open
jo-pol opened this issue Oct 27, 2018 · 6 comments
Open

Alternative tiling controls #121

jo-pol opened this issue Oct 27, 2018 · 6 comments
Labels
css https://www.w3schools.com/css/default.asp design enhancement javascript https://www.w3schools.com/js/default.asp low priority

Comments

@jo-pol
Copy link
Collaborator

jo-pol commented Oct 27, 2018

Intro

The advanced forms on the tiles page feel like "programming" for the targeted audience. A better user interface could enhance the experience. These specifications are for a specialist in front-end (web-page) design and development.

The intention is to hide the form fields for the user.

The fields might or might not remain for internal book-keeping as long as the whole can interact with the query string constructed from these form fields, almost like submitting the form but avoiding encoding and skipping not recognized characters from user input. The encoding is avoided to make the links human readable.

Interactive bounding boxes

afbeelding
As zipped SVG

The handle to move boxes definitely can use some visual improvement.

The bright green box is optional. It should contain/control an upload-able background image for "tracing" purposes. This box doesn't snap to anything. The other boxes snap between grid points.

The turquoise box controls the patch size.

The other boxes control the size of the matrices. Reducing their size means removing rows/columns from the corresponding matrices. Increasing their size means adding rows and columns filled with -. The two boxes in the middle have the same size and control the size of the centre matrix. Their positions define how this matrix is repeated. One box defines the translation relative top the top left corner of the turquoise box. The second defines the translation relative to the previous box. When the first moves, the second moves along, but not the other way around.

@jo-pol jo-pol added the javascript https://www.w3schools.com/js/default.asp label Oct 27, 2018
@jo-pol jo-pol added this to the low priority milestone Oct 27, 2018
@jo-pol jo-pol added design and removed javascript https://www.w3schools.com/js/default.asp labels Oct 27, 2018
@jo-pol

This comment has been minimized.

@jo-pol jo-pol removed this from the low priority milestone Oct 27, 2018
@jo-pol jo-pol added the wontfix label Oct 27, 2018
@jo-pol jo-pol changed the title Integrate advanced section into prototype diagram Simplify user experience - Specification for a front end developer Apr 3, 2019
@MAETempels
Copy link
Collaborator

MAETempels commented Aug 24, 2019

The forms for parameters should turn red for less fortunate values.
image
In Chrome, this is not visible. Nor in Edge, nor in Internet explorer.

Same values in Firefox:
afbeelding

@jo-pol
Copy link
Collaborator Author

jo-pol commented Aug 29, 2019

About the second point under "Pop up per bright grid point":

This answer is disappointing as possible alternative for the cheat sheet of stitches. Another alternative is a dynamically positioned pop up. Onclick of a caption line should set the content of the active input field.

@jo-pol jo-pol pinned this issue Nov 10, 2019
@jo-pol
Copy link
Collaborator Author

jo-pol commented Aug 4, 2020

For the new approach: download, unzip and try docs/pricking.html

@jo-pol jo-pol closed this as completed Aug 4, 2020
@jo-pol jo-pol unpinned this issue Oct 31, 2020
@jo-pol
Copy link
Collaborator Author

jo-pol commented Nov 4, 2020

Reopened because the subject popped up again in #165. Not likely to get implemented, see previous message.

@jo-pol jo-pol reopened this Nov 4, 2020
@jo-pol jo-pol added enhancement css https://www.w3schools.com/css/default.asp javascript https://www.w3schools.com/js/default.asp labels Nov 6, 2020
@jo-pol jo-pol changed the title Simplify user experience - Specification for a front end developer Additional controls in prototype as alternative for advanced forms Nov 6, 2020
@jo-pol
Copy link
Collaborator Author

jo-pol commented Aug 17, 2022

Dropped idea for pop-up per stitch. ince 08fee748 we have another method to assign stitches.

@jo-pol jo-pol changed the title Additional controls in prototype as alternative for advanced forms Alternative tiling controls Aug 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css https://www.w3schools.com/css/default.asp design enhancement javascript https://www.w3schools.com/js/default.asp low priority
Projects
None yet
Development

No branches or pull requests

2 participants