Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]
Groups > comp.lang.javascript > #38376 > unrolled thread
| Started by | Jonas Thörnvall <jonas.thornvall@gmail.com> |
|---|---|
| First post | 2020-04-26 14:08 -0700 |
| Last post | 2020-04-28 10:57 -0700 |
| Articles | 4 — 4 participants |
Back to article view | Back to comp.lang.javascript
HTML, Javascript scalable viewport? Jonas Thörnvall <jonas.thornvall@gmail.com> - 2020-04-26 14:08 -0700
Re: HTML, Javascript scalable viewport? Arno Welzel <usenet@arnowelzel.de> - 2020-04-26 23:27 +0200
Re: HTML, Javascript scalable viewport? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2020-04-26 23:29 +0200
Re: HTML, Javascript scalable viewport? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-04-28 10:57 -0700
| From | Jonas Thörnvall <jonas.thornvall@gmail.com> |
|---|---|
| Date | 2020-04-26 14:08 -0700 |
| Subject | HTML, Javascript scalable viewport? |
| Message-ID | <01902b92-8961-434f-afc5-f297a5914cc3@googlegroups.com> |
Is there any example page where one can see scalable examples of HTML, Javascript? Is it possible to write something that scale even form elements? https://www.w3schools.com/css/css_rwd_viewport.asp Could i use viewport to scale something like my sequenser, to different resolutions or does it not work with forms? https://midisequenser.000webhostapp.com/
[toc] | [next] | [standalone]
| From | Arno Welzel <usenet@arnowelzel.de> |
|---|---|
| Date | 2020-04-26 23:27 +0200 |
| Message-ID | <hgmcmmFlk6tU1@mid.individual.net> |
| In reply to | #38376 |
Jonas Thörnvall: > Is there any example page where one can see scalable examples of HTML, Javascript? Nearly every website which uses "responsive design". For example my own site: <https://arnowelzel.de/en/> > Is it possible to write something that scale even form elements? Yes. > https://www.w3schools.com/css/css_rwd_viewport.asp > > Could i use viewport to scale something like my sequenser, to different resolutions or does it not work with forms? > > https://midisequenser.000webhostapp.com/ First of all you need to define sizes relative to the viewport and not with absolute values. The second thing is to tell the browser that you want to use the viewport *without* scaling so you get the real size of it and can adapt to it if needed like here: <https://arnowelzel.de/en/tools/monitor-test> <https://arnowelzel.de/en/projects/example-for-webgl> -- Arno Welzel https://arnowelzel.de
[toc] | [prev] | [next] | [standalone]
| From | "Evertjan." <exxjxw.hannivoort@inter.nl.net> |
|---|---|
| Date | 2020-04-26 23:29 +0200 |
| Message-ID | <XnsABABEEFE5CA33eejj99@194.109.6.166> |
| In reply to | #38376 |
<jonas.thornvall@gmail.com> wrote on 26 Apr 2020 in comp.lang.javascript: > Is there any example page where one can see scalable examples of HTML, > Javascript? Use CSS: transform: scale(); <https://css-tricks.com/almanac/properties/t/transform/> -- Evertjan. The Netherlands. (Please change the x'es to dots in my emailaddress)
[toc] | [prev] | [next] | [standalone]
| From | "Michael Haufe (TNO)" <tno@thenewobjective.com> |
|---|---|
| Date | 2020-04-28 10:57 -0700 |
| Message-ID | <8d2af213-5bc2-482a-aee1-816f15ffffed@googlegroups.com> |
| In reply to | #38376 |
On Sunday, April 26, 2020 at 4:08:48 PM UTC-5, Jonas Thörnvall wrote: > Is there any example page where one can see scalable examples of HTML, Javascript? > Is it possible to write something that scale even form elements? > https://www.w3schools.com/css/css_rwd_viewport.asp > > Could i use viewport to scale something like my sequenser, to different resolutions or does it not work with forms? > > https://midisequenser.000webhostapp.com/ CSS provides viewport relative sizing: <https://css-tricks.com/fun-viewport-units/>
[toc] | [prev] | [standalone]
Back to top | Article view | comp.lang.javascript
csiph-web