oczki / inspiracje Goto Github PK
View Code? Open in Web Editor NEWOne-click word generator for improv exercises.
Home Page: http://inspirac.je
License: Other
One-click word generator for improv exercises.
Home Page: http://inspirac.je
License: Other
Rzeczownik
< [__>__] ______________________
Miejsce
< [__>__] ______________________
Postać
< [__>__] ______________________
. . .
[__>>>_wszystko__] [ info ]
Currently, short lists (e.g. locations) are treated the same as large lists (e.g. nouns), where a bunch of random words is read from the file.
For short lists, instead of reading random words (which causes noticeable repetitions), just load the whole list and shuffle it clientside.
Add a static version of the main functionality. Return a few words from each category in a layout similar to the main one.
Five words should be enough.
Add a note at the bottom, explaining that the user is viewing a dumbed-down page, and provide a link to the main one.
Regex in JS doesn't count non-ASCII characters when checking word boundary (\b
), causing some false positives when checking for conjunctions.
For example, when a word ends with ów
, regex sees a word boundary before w
, so the app adds a
after it, like it was a w
conjunction.
This emerged with the Time container, entry
XXI wiek według futurologów z 1960
being changed to
XXI wiek według futurologów z 1960
The correct one would be
XXI wiek według futurologów z 1960
From a removed comment:
// {
// type: "body-part",
// label: "Część ciała",
// },
// {
// type: "genre",
// label: "Gatunek filmowy",
// prevButtonPrefix: "Poprzedni",
// nextButtonPrefix: "Następny",
// },
// {
// type: "name",
// label: "Imię",
// prevButtonPrefix: "Poprzednie",
// nextButtonPrefix: "Następne",
// },
// {
// type: "noun",
// label: "Rzeczownik",
// prevButtonPrefix: "Poprzedni",
// nextButtonPrefix: "Następny",
// },
// {
// type: "dictionary",
// label: "Dowolne słowo",
// prevButtonPrefix: "Poprzednie",
// nextButtonPrefix: "Następne",
// },
If categories' placeholder is shown, toggling the "Compact mode" checkbox makes the placeholder jump a few pixels.
Probably related to some :first-child
CSS rules for <main>
.
Usability testing revealed that users tend to refresh the whole page instead of clicking on section buttons. When asked why, they said they are aware of the buttons, but they wanted to see a complete new set. Seems that the site might be used for a complete improv scene definition, not just single aspects of it.
Action: Add a mechanism enabling the user to set a new word in every category at once. There are a few ideas how to approach this while keeping the UI minimal and consistent.
Ten thousand hours in MS Paint
Example: https://ebidel.github.io/demos/chatbox.html
overscroll-behavior-y
support on client sidei18n support will be costly, but this could open the application to way, way bigger audience.
'en'
would load locations_en.txt
).*_pl.txt
.Add a list of actions / activities.
If the user clicked undo a few times and moved to the next word afterwards, it should move the index to the following entry in history instead of jumping straight to the new word.
Add a ?v=2
or something like that to each resource's path in index.php
, forcing the browser to load a new version.
To prevent unnecessary loading, the actual value could be taken from the given file's last modification time.
Also, consider disabling eTags. See https://github.com/phanan/htaccess for details.
Kategorie
[x] Miejsce [v] [ ]
[x] Postać [v] [^]
[ ] Cecha postaci [v] [^]
[x] Emocja [v] [^]
[ ] Relacja [v] [^]
[ ] Czynność [ ] [^]
Instead of buttons, this could be done based on dragging (with ⠿ icon as handler) and support touch events as well. Sounds like a fun challenge. (It isn't.)
<main>
(reordering).<main>
(showing).<main>
(hiding).Kategorie (7/9)
The list of nouns contains unhelpful entries like Amilkar
, Ą
, or Tuapse
.
Remove the (subjectively) lesser known proper nouns and only keep the useful ones that will actually work for inspiration.
Filtering out this list will take a while, but should be worth the pain.
On slower connections, the lists might take a second to download. If the list is not yet ready, clicking its button causes the welcome message to shrink and colorize, which is a confusing behavior.
Delaying the activation of buttons if their lists are not yet loaded should do the trick.
Both of the above options require an additional, modal-like confirmation popup. Need to add it as well.
Instead of creating a new callback function for each new list type, just make a generic one that accepts list name and text color.
dict.php
to dictionary.php
or change class from dictionary
to dict
(former is preferred).[ "noun" => "#f00", "location" => "#0f0", ... ]
.Add a small button to show previous word(s).
Could be done by building a list of displayed entries with each click. The list would have to contain the color (category) as well.
If no entries are in the list, or the index gets back to zero (same scenario implementation-wise), the button can be disabled.
Note that upon clicking a regular button, the index of previous-words-list needs to be reset to proper position.
Some colors might not be too visible on current background.
Adjust the yellow and gray buttons' colors to enhance the contrast.
It appears that the previous implementation (using visibility: hidden
) has stopped working recently. Sliding sheets can be tabbed to even if they're hidden, which makes keyboard navigation annoying.
Check with toggling between display: none
and the element's original display
.
Use media queries for various screen sizes.
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.