Re: FSD as a Git repository

[Adonay Felipe Nogueira]

Em 20-07-2021 10:56, Lorenzo L. Ancora via escreveu:
> The functionalities offered by JavaScript are not replaceable, there are
> no alternatives for public websites.

There are many things you can do using a combination of server-side
scripting, HTML5, and CSS3, without needing to require JS, examples include:

* Do animations with CSS3, without need for JS ([1]).

* Adjust page and styles according to media target and dimensions ([2]).

* A slide menu based on a zero-visbility checkbox input whose label is
visible and is immediately inside the menu to be slid. If no animation
is desired, this can be done playing with width properties in CSS ([3]).

* Form controls with time-sensitive identities or names, and a honeypot
checkbox with a descriptive label, which will have display set to none
if JS is enabled, but will otherwise show with the label. In all cases
they serve to show the user not to activate/mark the checkbox ([4]).

* Make dialogs with the “dialog” HTML element (sort of popup windows
with arbitrary content, not just plain text and not just an OK button)
([5]).

* Make collapsible detail content, with “details” and “summary” HTML
elements ([6]).

* Have a “pre” HTML element wrap on each blank space if there is no
viewport width left for the text to display, using CSS “white-space:
pre-wrap;”, while still allowing the end user to copy the text within
with its original line breaks, and also providing line numbering for
easier reading ([7][8]).

* Use CSS counters to make HTML heading elements automatically
enumerated, and as such, easier to understand where a given subtitle is
at and to which title it is subordinate to ([9]).

* As stated previously, although not applicable to our MediaWiki
instance as of now, you can also make server-side software build forms
with multiple steps by separating each of these generally with many
pages as needed, but also have a step which spans multiple-pages if it
accepts multiple repetitions or has some data constraints from that same
page.


# References


[1]:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
.

[2]:
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
.

[3]: https://css-tricks.com/the-checkbox-hack/ .

[4]: https://www.w3.org/TR/turingtest/#honeypots .

[5]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog .

[6]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details .

[7]:
https://stackoverflow.com/questions/40842277/create-line-numbers-on-pre-with-css-only/40842325#40842325
.

[8]: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space .

[9]: https://philarcher.org/diary/2013/headingnumbers/ .


-- 
* https://libreplanet.org/wiki/User:Adfeno
* Ativista do software livre
  * Não sou advogado e não avalio: vide seção #Inativas no endereço
    acima para saber quem faz
* Diga não às drogas… e ao JavaScript empurrado nas páginas da Internet
* E-mails assinados com OpenPGP (anexo "signature.asc")
* Docs., planilhas e apresentações: use NBR ISO/IEC 26300:2008 e
  versões posteriores do OpenDocument
* Outros tipos de arquivos: vide endereço anterior
* Não assuma que eu tenho as mesmas fontes de texto que usas
* Mensagens secretas somente via
  * XMPP com OMEMO
  * E-mail criptografado com OpenPGP

signature.asc
Description: OpenPGP digital signature