In rete: http://www.elegio.it/calcolatrice/trucchivari-201412.html
Certo con Javascript si possono fare molte cose più belle ma usando il semplice CSS si possono già ottenere risultati gradevoli...
Per esempio i curatori delle librerie matematiche come questa http://dlmf.nist.gov/ o quelle della American Mathematical Society http://www.ams.org/home/page, fanno ora uso di un programma di traduzione in HTML del linguaggio inventato da http://en.wikipedia.org/wiki/Donald_Knuth autore di una serie di importanti e storici libri: http://en.wikipedia.org/wiki/The_Art_of_Computer_Programming.
Fu lui ad ideare il linguaggio http://en.wikipedia.org/wiki/TeX da cui poi è derivato il linguaggio http://en.wikipedia.org/wiki/LaTeX ma a quei tempi non esisteva ancora l' HTML e non c'era l'HTML evoluto ossia la versione 5 e l' XHTML.Tra parentesi scopro che al Dipartimento di Matematica "Federigo Enriques": http://www.matematica.unimi.it/ecm/home offrono un corso introduttivo di LaTeX ossia http://www.mat.unimi.it/users/semplice/latex/index.html.
Per potere usare il LaTeX in internet, in pagine HTML, ossia nel linguaggio nativo di internet, finalmente alcune brave persone si sono decise a realizzare questo sito: http://en.wikipedia.org/wiki/MathJax ossia MathJax che ha questo sito : http://www.mathjax.org/
Si tratta di usare, in modo più o meno intensivo programmi in Javascipt e quindi bisogna conoscere il linguaggio Javascript ma qui cerco di mostrare operativamente che è possibile , per certe semplici ma frequenti formule, fare uso del solo HTML associato al CSS ossia http://en.wikipedia.org/wiki/Cascading_Style_Sheets.
Per sapere quali simboli Unicode si possono usare guardare qui : http://www.elegio.it/calcolatrice/archivio-utili-201308.html#n004
Le fonti sono ingrandibili enormemente come mostro in questi esempi...
☠☭ = ☭ ossia in esadecimale ☭ = ☭☠
E ci si può sbizzarrire... ★ ☆ ☪ ⚛ e così via...
http://www.unicode.org/charts/ è la fonte ufficiale dei caratteri UNICODE
 si scrive  oppure  scritto Â
A̅ si scrive A̅ oppure A̅ scritto A̅
Ȧ si scrive Ȧ oppure Ȧ scritto Ȧ
Ä si scrive Ä oppure Ä scritto Ä
A̲ si scrive A̲ oppure A̲ scritto A̲
A̿ si scrive A̿ oppure A̿ scritto A̿
A͂ si scrive A͂ oppure A͂ scritto A͂
A͇ si scrive A͇ oppure A͇ scritto A͇
A͌ si scrive A͌ oppure A͌ scritto A͌
Purtroppo fare formule in HTML non è facilissimo...
Ed oltretutto i vari browser, Firefox, Chrome, Internet Explorer, Opera, Safari... non si comportano tutti allo stesso modo. Vanno abbastanza bene Firefox, Chrome, Internet Explorer dalla versione 9 in poi...
Trascrivo qui alcune formule personalizzabili usando il taglia/incolla per adottare le istruzioni HTML e CSS che servono...Uso di integrali definiti ...
∞∫0 x·dx
Uso di grossi integrali fatti da caratteri sovrapposti
∞ ⌠
⌡ 0 sin(x)x ·dxDistanziatore di espressioni
1 + 2 + 3
Uso di matrici, in questo caso di ordine 3 (rowspan=3) ....
X == 125 +
┌
│
│
│
└01 02 03 ┐
│
│
│
┘04 05 06 07 08 09
┌
│
│
│
└10 11 12 ┐
│
│
│
┘13 14 15 16 17 18 Uso di grosse parentesi tonde, quadre e graffe.... Si fa sovrapponendo particolari caratteri Unicode studiati per gestire queste situazioni particolari...
123 + ⎛
⎜
⎝ 57 ⎞
⎟
⎠ + ⎡
⎢
⎣ 911 ⎤
⎥
⎦ + ⎧
⎨
⎩ 1315 ⎫
⎬
⎭ =Per fare un simbolo di Christoffel nella vecchia maniera di Spain ( http://www.elegio.it/doc/spain/ )
Qui volutamente NON USO direttive CSS globali ma le scrivo dentro ogni marca in cui servono per garantire che comunque, qualunque siano le direttive CSS, le direttive particolari siano applicate
Una sommatoria
A = 688 ∑ k=7 1x(k)Un integrale
∞∫0 sin(x) dxUna matrice di ordine 2
┌
│
│
└01 02 ┐
│
│
┘03 04 Una matrice di ordine 3
┌
│
│
│
└01 02 03 ┐
│
│
│
┘04 05 06 07 08 09 Una matrice di ordine 4
┌
│
│
│
│
│
└01 02 03 04 ┐
│
│
│
│
│
┘05 06 07 08 09 10 11 12 13 14 15 16 Una derivata parziale
∂ cos(x)∂ xA proposito di Unicode ho visto in rete una comodissima pagina degli operatori matematici ( http://it.wikipedia.org/wiki/Operatori_matematici_Unicode ) ma io mi avevo fatto già da tempo la mia personale pagina di consultazione usando però non numeri esadecimali ma numeri decimali...
Per scrivere la radice di tre ossia √3 bisogna scrivere
√<span style="text-decoration:overline">3</span>come, ad esempio, facendo una frazione : √32Scrivendo per esempio
ȧoäottengo una a con un punto o con due punti sopra... Ora faccio la prova sia con le maiuscole che con le minuscole.ȧ ḃ ċ ḋ ė ḟ ġ ḣ i̇ j̇ k̇ l̇ ṁ ṅ ȯ ṗ q̇ ṙ ṡ ṫ u̇ v̇ ẇ ẋ ẏ ż
Ȧ Ḃ Ċ Ḋ Ė Ḟ Ġ Ḣ İ J̇ K̇ L̇ Ṁ Ṅ Ȯ Ṗ Q̇ Ṙ Ṡ Ṫ U̇ V̇ Ẇ Ẋ Ẏ Ż
ä b̈ c̈ d̈ ë f̈ g̈ ḧ ï j̈ k̈ l̈ m̈ n̈ ö p̈ q̈ r̈ s̈ ẗ ü v̈ ẅ ẍ ÿ z̈
Ä B̈ C̈ D̈ Ë F̈ G̈ Ḧ Ï J̈ K̈ L̈ M̈ N̈ Ö P̈ Q̈ R̈ S̈ T̈ Ü V̈ Ẅ Ẍ Ÿ Z̈
Qualche carattere un po' insolito ‼ ‼ usando
‼ovvero 8252 in decimale A̅ B̅ m̅ 2̅ usando̅ovvero 773 in decimale A̿ B̿ m̿ 2̿ usando̿ovvero 831 in decimale A̲ B̲ g̲ 2̲ usando̲ovvero 818 in decimale.Nelle formule è frequentissimo l'uso dei caratteri greci minuscoli: α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ ς σ τ υ φ χ ψ ω , accentati : ά έ ή ί ϊ ϋ ό ύ ώ e quelli maiuscoli ... Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Ϩ Σ Τ Υ Φ Ω Ψ Ω e caratteri simil greci fuori della sequenza base ossia ϑ ϕ ϖ ϣ Ϣ ϴ ϵ. Per esempio la velocità della luce potrebbe essere resa identificabile non usando una banale c ma usando ϲ ossia
ϲed importanti gli operatori matematici del tipo ∂ per la derivata parziale, ∑ per la sommatoria, ∏ per la produttoria, ∇ per il nabla, ∞ per l'infinito... e si potrebbero usare anche Ϭ ϭ ϰ ϱ ϴ ϵ η̃ ὰ ὴ e, per scrivere in greco antico dove occorrono moltissimi segni diacritici usare da ἀ ἁ fino a ὀ ῦ ῶ ῼ. Consultare, per altri caratteri http://www.elegio.it/calcolatrice/archivio-utili-201308.html#n004.
- http://www.elegio.it/calcolatrice/archivio-utili-201308.html
- http://www.elegio.it/calcolatrice/frazione-con-css.html
- http://www.elegio.it/mc2/formule-varie-calcolo-tensoriale.html
- http://www.elegio.it/mc2/formule-varie-tensorialix10.html
- http://www.elegio.it/mc2/Ricci-Riemann-1.html dove propongo di usare, per indicare con indici una derivata parziale, il carattere
/al posto del tradizionale;ma ora, per evitare equivoci sarei propenso ad usare l'inconfondibile carattere#....- http://www.elegio.it/svg/precessione-manuale.html dove suggerisco un metodo per visualizzare traiettorie
Per ricordarmi cosa ho fatto da anni... 1π ( aggiornamento del 20141010 )
Consiglio di dare una occhiata anche a http://www.elegio.it/mp3/ dove ho messo qualche info su come usare suoni di sottofondo ( usando Internet Explorer ) o pilotare file audio mp3
Ovviamente tutto è migliorabile ma bisogna pure iniziare facendo qualche piccola cosa.... Esistono un sacco di libri su questi argomenti ma chi ha tempo di leggerli, capirli e, dunque, trarne vantaggio ?
https://developer.mozilla.org/it/docs/SVG quante cose non so.... :-(
Mie note varie e progetti futuri...
Pensare che qualcuno, oltre a me, sappia cavarsela ad usare la libreria per la gestione di simboli tensoriali è SOGNARE AD OCCHI APERTI.
Però le formule possono essere benissimo scritte a mano anche se l'HTML è una regola di scrittura NON PENSATA PER SCRIVERE FORMULE MATEMATICHE...
Per scrivere documenti contenenti molte formule esistono già linguaggi espressamente studiati per scrivere, ad esempio, TESI DI LAUREA O ARTICOLI PER RIVISTE SCIENTIFICHE.
Però io avrei intenzione di arricchire i testi con animazioni basate sulla grafica vettoriale SVG e dunque... anche pagando di tasca mia per assecondare le mie manie, preferisco usare l' HTML5 ( un linguaggio permissivo che accetta errori di scrittura ) e l' XHTML che funziona come l' HTML ma non accetta nessun errore come per esempio scrivere <big> per scrivere con caratteri più grandi una certa parte di testo MA DIMENTICARSI DI SCRIVERE </big> per delimitare la zona in cui i caratteri devono essere più big dei soliti...
Qui scrivo alcuni link per mostrare esempi di scrittura di formule con l'HTML senza usare librerie Javascript ma anche pagine in cui mostro cosa si ottiene con la mia libreria e che regole vanno seguite...