Web Programming, HTML, CSS, and more
san_jose_guy
money was invented for handing to women, but buying dances is a chump's game
Suppose I want to have a line of text, say a paragraph. I want all the text to be blue, except for one word. So I use CSS to style it to blue. But suppose that one word is to be red. Can I make it red by using CSS, or do I have to use deprecated HTML methods to do this?
SJG
Dizzy Gillespie United Nation Orchestra
https://www.youtube.com/watch?v=4YZc473t…
SJG
Dizzy Gillespie United Nation Orchestra
https://www.youtube.com/watch?v=4YZc473t…
106 comments
https://c1.staticflickr.com/4/3517/37410…
[p style="color:blue"]SJG is a [span style="color: red"]fag[/span]![/p]
https://www.w3schools.com/tags/tag_span.…
And for all the others who have posted on this thread:
http://images.toolbank.com/images/extral…
SJG
http://wavian.com/font-list.html
SJG
https://www.makeuseof.com/wp-content/upl…
SJG
This is great, for getting colors off of an image. Better than what I had been using, more colors.
http://www.cssdrive.com/imagepalette/ind…
SJG
crazyjoe bump
http://img1.etsystatic.com/002/0/6318777…
SJG
https://fonts.google.com/?category=Serif…
SJG
SJG
AJAX
Creating Web Pages With Asynchonous JavaScript and XML
by Edmond Woychowsky
SJG
AJAX is a technology for making web pages. But also talks about Ruby and Rails.
SJG
Jump Start SASS
by Hugo Giraudel and Miriam Suzanne, published by sitepoint.
Sitepoint is the big web programming advice forum?
https://www.sitepoint.com/
Yes it is, publishes lots of books now.
So they talk about a pre-processor for CSS. I like pre-processors. Does it run when you upload to the server, or do you have to make it run on the server? 2016 book.
SJG
Magic - Enclosed 1969 (FULL ALBUM) [Psychedelic Rock]
https://www.youtube.com/watch?v=8cJElOEk…
Bold - Bold 1969 (FULL ALBUM) [Psychedelic Rock]
https://www.youtube.com/watch?v=ktnzvQV3…
Also now in hand JavaScript & jQuery, by David Sawyer McFarland
san_jose_guy - commonly referred to as SJG this forum member is usually mocked or ignored, his comments should NOT be taken in any way as legitimate
by Hugo Giraudel and Miriam Suzanne, published by sitepoint.
So SASS is a preprocessor for style sheets. They say it was originally done with C/C++. But now it is in Ruby, a Ruby extension, knows as a Ruby Gem.
So you write in .sass and it will make it into .css. So sounds like it does not run on the web server, but it runs on your development computer. Sounds good.
They show telling it to 'watch' your .sass source file, like to do the peprocessing on its own. Not sure how this works. But Unix does allow daemons. Is this how?
Anyway, preprocessors are often a great way to go. And there are others for this kind of need.
To be honest, I read the very complete book, and to me it seems like overkill. I cannot see why one woujld need to much complexity in just making their style sheet.
But, this gets into something else I find interesting, Content Management Systems, like for publishing books and articles on your website.
https://en.wikipedia.org/wiki/Sass_(styl…
JavaScript & jQuery, by David Sawyer McFarland
SJG
want to watch:
Chronic State
https://www.youtube.com/watch?v=hhHI01CC…
an anti-marijuana film
Excellent book, McFarland a most suitable author, and O'Reilly a great publisher. O'Reilly really did change the nature of computer books when they started.
JavaScript is great. Few use Java, and JavaScript has very little to do with it, but JavaScript is great.
I am now lifting my negative view of ClojureScript, I will read about it.
JQuery is a library of JavaScript code. Book also talks about Ajax technology, requesting the JSONs.
SJG
Katherine S. Newman, on campus safety, 2008
https://www.youtube.com/watch?v=TtsO5K6t…
Why 20-Somethings are Moving Back Home
https://www.youtube.com/watch?v=8Lftjp9x…
Katherine Newman - America's "missing class" presentation
https://www.youtube.com/watch?v=9AV5cgrx…
Elliot Rodger The Virgin Killer 2014 Isla Vista killings Documentary
https://www.youtube.com/watch?v=cBm-dC26…
The Secret Life Of Elliot Rodger 2020 FULL Interview
https://www.youtube.com/watch?v=pnT0CMwB…
Channel 4 Elliot Rodger The Virgin Killer Full Documentary
https://www.youtube.com/watch?v=IutRRGpe…
https://www.amazon.com/Build-Engine-Crea…
People at the University of Washington.
SJG
BBW Boob Out / Crotchless
https://www.spicylingerie.com/ms-pak-243…
by Kelvin Sung (Author), Jebediah Pavleas (Author), Fernando Arnez (Author), Jason Pace (Author)
https://www.amazon.com/Build-Engine-Crea…
These guys are with University of Washington Bothell
Jason Pace is with the Digital Future Lab at University of Washington Bothell
https://digitalfuturelab.com/
SJG
Magic - Enclosed 1969 (FULL ALBUM) [Psychedelic Rock]
https://www.youtube.com/watch?v=8cJElOEk…
https://get.webgl.org/
https://www.khronos.org/webgl/wiki/Main_…
https://www.khronos.org/webgl/
Established Game Engines, Unity, Unreal Engine, Panda3D
HTLM5 offers SVG (Scalable Vector Graphics)
SJG
https://www.yandy.com/products/plus-size…
https://www.spicylingerie.com/ms-l178x.h…
Same girl that is in a lot of these pics, but now with blindfold off
https://curvynbeautiful.com/collections/…
https://www.yandy.com/products/plus-size…
https://curvynbeautiful.com/collections/…
SJG
Martinism
https://www.youtube.com/watch?v=-9md6qiL…
Also, another girl that is in some of this
https://curvynbeautiful.com/collections/…
https://curvynbeautiful.com/products/cup…
Apache NetBeans
https://netbeans.apache.org/
Connector Google Chrome Plug-in
SJG
https://curvynbeautiful.com/collections/…
https://curvynbeautiful.com/collections/…
https://curvynbeautiful.com/collections/…
https://curvynbeautiful.com/collections/…
https://curvynbeautiful.com/collections/…
https://support.google.com/chrome_websto…
glMatrix
https://glmatrix.net/
Github
https://github.com/toji/gl-matrix
SJG
https://www.foxylingerie.com/products/pl…
https://www.foxylingerie.com/products/ca…
https://www.foxylingerie.com/products/al…
https://www.etsy.com/listing/737139462/v…
https://www.etsy.com/listing/734928390/v…
https://www.etsy.com/listing/962933054/o…
https://www.etsy.com/listing/846053944/b…
https://www.w3schools.com/html/html5_can…
SJG
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
</canvas>
oops, first time that has happened. TUSCL was sending my example HTML back to my browser. It was supposed to be
"<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>"
Thanks,
SJG
https://get.webgl.org/
https://www.khronos.org/webgl/
https://en.wikipedia.org/wiki/WebGL
SJG
https://developer.mozilla.org/en-US/docs…
https://developer.mozilla.org/en-US/docs…
SJG
https://www.foxylingerie.com/products/pl…
https://www.w3schools.com/js/DEFAULT.asp
SJG
action uniform
https://www.foxylingerie.com/products/pl…
https://www.w3schools.com/tags/tag_butto…
HTML canvas
https://www.w3schools.com/html/html5_can…
^^^^ This stuff has been added since earlier times I used HTML. They are also making JavaScript go into it more seamlessly.
SJG
says this is open crotch
https://www.yandy.com/products/plus-size…
Creating Fun With HTML5, CSS3, and WebGL
Seidelin, Jacob
Learning HTML5 Game Programming
a Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL
SJG
https://www.wickedtemptations.com/standa…
McFarland, David Sawyer
https://www.amazon.com/JavaScript-jQuery…
SJG
TJ Street, new
https://tuscl.net/photo.php?id=8866
TinyIslandgurl
https://tuscl.net/member.php?id=634917
Martinism
https://www.youtube.com/watch?v=j46T-7ha…
SJG
Jeff Healey - All Along The Watchtower
https://www.youtube.com/watch?v=B-auxhDl…
TJ Street
https://tuscl.net/photo.php?id=8868
OMS Martinists
https://www.youtube.com/watch?v=j46T-7ha…
https://validator.w3.org/
SJG
TJ Street
https://tuscl.net/photo.php?id=8868
JavaScript & jQuery
McFarland, David Sawyer
But looks like it is really HTML4, not HTML5. And jQuery and UI jQuery look to be about better data input forms, something like that. Might be superseded by HTML5.
So I will go to:
Learning HTML5 Game Programming
A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL (2012)
by Williams, James L.
SJG
CinnamOn
https://tuscl.net/photo.php?id=3009
DominaaLovee
https://tuscl.net/photo.php?id=7281
TJ Street
https://tuscl.net/photo.php?id=8868
https://tuscl.net/photo.php?id=2305
https://tuscl.net/photo.php?id=8463
Bound In High Heels
https://tuscl.net/photo.php?id=8936
https://www.w3schools.com/js/js_validati…
Need to use this now. Everything else working
SJG
ERIC CLAPTON & PETER FRAMPTON - "While My Guitar Gently Weeps" (HD)
https://www.youtube.com/watch?v=K1ijcpo1…
That Circle Jerk Room has a linoleum on concrete floor. Going to bore some holes in it and install some rings, and then shackle you to them by the ankles, make sure you stay in there.
SJG
Web Forms
https://developer.mozilla.org/en-US/docs…
SJG
extremely well composed picture, better than 98% of what is in the dancer directory
https://tuscl.net/photo.php?id=2156
Boob Fest, Miami FL
https://nitter.domain.glass/BoobsBarry
Learning HTML5 Game Programming
A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL (2012)
by Williams, James L.
about 225 pages, small book.
Worth taking time to read it.
SJG
https://www.amazon.com/James-L.-Williams…
talks about HTML5, which I guess goes back to 2009, and it may have originally be just a draft.
Talks about AJAX
about SVG, Scalable Vector Graphics
about WebGL
about RaphaelJS
and about a lot of stuff he was involved with which led to Google Groovy.
For myself I do my best to avoid things like Google Groovy. But some of their stuff actually plugs into the browsers to extend them.
SJG
OT: Assembler, C/C++, Embedded Systems, Machine Architectures, Development Syste
https://tuscl.net/discussion.php?id=6062…
Awesome
https://www.yandy.com/products/cupless-a…
ankle straps and good colors
https://pleasershoes.com/products/amuse-…
James R. Williams
https://www.jamesrwilliams.net/blog/
https://www.w3schools.com/js/js_validati…
HTML Forms
https://www.w3schools.com/html/html_form…
and input and other tags
SJG
SJG
Leftist Future
https://tuscl.net/photo.php?id=5150
Awesome
https://www.yandy.com/products/cupless-a…
http://www.lisztonian.com/titles/Prelude…
SJG
https://www.w3schools.com/html/html5_aud…
This seems to be little audio blocks you can run, in the above example, and on my own practice web page. But for games and lots of other stuff you want fully embedded audio.
SJG
I have downloaded audios, but on my web host I have not been able to upload them yet.
No problem though in making the web page respond to keyboard actions.
SJG
https://developer.mozilla.org/en-US/docs…
^^^ This is more HTML DOM, not what I need.
This looks right:
https://stackoverflow.com/questions/3711…
SJG
WOW!
The Devil’s Daughters w/ Danny B Harvey - Rock Boppin’ Baby
https://www.youtube.com/watch?v=RUpDslHS…
Beth Hart - Baloise Session 30.10.2018
https://www.youtube.com/watch?v=Cebj_w4t…
Drum Hand
https://drumemusic.com/?gclid=Cj0KCQjw5o…
https://freesound.org/
SJG
Drum Hand
https://drumemusic.com/?gclid=Cj0KCQjw5o…
nextjs
https://nextjs.org/
Next.js is an open-source development framework built on top of Node.js enabling React based web applications functionalities such as server-side rendering and generating static websites. React documentation mentions Next.js among "Recommended Toolchains" advising it to developers as a solution when "building a server-rendered website with Node.js".
https://en.wikipedia.org/wiki/Next.js
src
controls (makes a UI)
autoplay
preload (none|metadata|auto)
And then there is the JavaScript 'audio' element, and it has properties. I think in the more traditional terminology for object oriented langauges we would call it an object and it has methods. But as this has all developed it is an element and it has properties.
This book actually shows how to generate your own sound clip data, and then to play it. So playing back a midi sequence can the be real. But computer keyboards work by columns and strobes, so they can never do polyphony.
play
pause
paused (gives a boolean)
loop (which gives a boolean)
currentTime (gives you the current time)
volume ( =0.75, meaning 75%, seems to be the default)
muted (true sets it to 0.0, false sets it to 0.75)
canPlayType() ( returns probably, maybe, or an empty string to mean no)
Still don't know how to change the src on the audio tag, but from within run time JavaScript.
Mozilla Audio Data API (has links to other materials too)
https://developer.mozilla.org/en-US/docs…
so you are using the property
mozWriteAudio(...)
mozCurrentSampleOffset(...)
mozSetup(...)
Basic concepts behind Web Audio API
https://developer.mozilla.org/en-US/docs…
SJG
discussion of next.js
https://tuscl.net/discussion.php?id=7755…
https://developer.mozilla.org/en-US/docs…
UI web audio API
https://ui.dev/web-audio-api/
web audio API
https://www.toptal.com/web/web-audio-api…
https://www.html5rocks.com/en/tutorials/…
w3c
https://www.w3.org/TR/webaudio/
SJG
Christina Aguilera - 2019 The Return of the Slutdrop
https://www.youtube.com/watch?v=idwBmoDb…
https://www.youtube.com/watch?v=V21jpUAW…
Chaka Khan - What Cha' Gonna Do For Me (Official Music Video)
https://www.youtube.com/watch?v=aTa29r4A…
CHAKA KHAN 1985 I Feel For You [LIVE Ohne Filter Extra] GERMANY]
https://www.youtube.com/watch?v=85QJa7X3…
Chaka Khan - LIVE - '85 - HQ
https://www.youtube.com/watch?v=dOrp4smA…
Chaka Khan (Ain't Nobody) rare 80's performance ( on just one channel)
https://www.youtube.com/watch?v=PwTvDSpe…
Chaka Khan - Melody Still Lingers On (Live, 1981) (Night in Tunisia)
https://www.youtube.com/watch?v=XyzrlndL…
Dizzy Gillespie, Arturo Sandoval,"Night in Tunisia"
https://www.youtube.com/watch?v=xncznvkB…
Roundabout (2003 Remaster)
https://www.youtube.com/watch?v=DwPWGUhE…
Yes - Performance for Belgian TV (1970)
https://www.youtube.com/watch?v=SV2WMJde…
Yes 1969
https://www.youtube.com/watch?v=2EfHfYh1…
So we have AJAX using XMLHttpRequest and that revolutionizing web pages. But no way to continually poll the server. So we have
Comet
https://en.wikipedia.org/wiki/Comet_(pro…
But now we also have WebSockets. Sounds kinda like the Unix TCP-IP Sockets
https://developer.mozilla.org/en-US/docs…
And now we also have this WEBGL, glMatrix, and GSLS, for 3D, and it seems to have some matrix capability.
https://en.wikipedia.org/wiki/OpenGL_Sha….
and then what is this e.keycode ?
https://developer.mozilla.org/en-US/docs…
gives you the keycodes when you press the key
https://keycode.info/
maybe this is a good place to start
https://developer.mozilla.org/en-US/docs…
SJG
https://tuscl.net/photo.php?id=4535
https://developer.mozilla.org/en-US/docs…
Introducing JavaScript objects
https://developer.mozilla.org/en-US/docs…
Object-oriented JavaScript for beginners
https://developer.mozilla.org/en-US/docs…
JavaScript uses special functions called constructor functions to define and initialize objects and their features.
Gives example of: Web Audio API
https://developer.mozilla.org/en-US/docs…
SJG
MistressViolet
https://tuscl.net/photo.php?id=2592
https://developer.mozilla.org/en-US/docs…
best place to read first:
https://developer.mozilla.org/en-US/docs…
JavaScript e.keycode
They seem to use event.keycode
https://www.w3schools.com/jsref/event_ke…
https://www.w3schools.com/jsref/event_ke…
also looks good
https://developer.mozilla.org/en-US/docs…
SJG
more TJ street, getting to be warmer weather, so less clothes, and the stupid masks off
https://www.youtube.com/watch?v=D7Qksv2C…
https://www.youtube.com/watch?v=aGXiYEVU…
good!
https://www.youtube.com/watch?v=5SRuRBQT…
https://www.youtube.com/watch?v=1M297AFF…
https://www.youtube.com/watch?v=rRNAGpW5…
Los Angeles?
https://www.youtube.com/watch?v=WSBW3ENf…
https://developer.mozilla.org/en-US/docs…
event
https://www.youtube.com/watch?v=VmheOZtL…
DOM spec for event
https://dom.spec.whatwg.org/#interface-e…
UI keyboard event
https://www.w3.org/TR/uievents/#keyboard…
Keycodes
https://www.w3.org/TR/uievents/#keys-cod…
keyboard codes list
https://www.w3.org/TR/uievents-code/
Standard "101" Keyboard Layout
Desktops and Laptops both seem to have function keys up to F12.
https://www.w3.org/TR/uievents-code/#wri…
function section
https://www.w3.org/TR/uievents-code/#key…
https://www.w3.org/TR/uievents/#determin…
SJG
War - The World Is a Ghetto 1972 Full Album
https://www.youtube.com/watch?v=VmheOZtL…
https://www.youtube.com/watch?v=ptIcert_…
Los Angeles
https://www.youtube.com/watch?v=0s1lwXh-…
https://youtu.be/-ScjucUV8v0
The official policy of USO clubs in WW2 stated that clubs are open to military service members of all races. However, depending on the geographic region this was not typically the practice. This video is likely historically inaccurate
He talks about Web Sockets, to be able to have multi-player games which communicate with a common server. Sounds similar to the UNIX TCP-IP sockets.
Now he is talking about using node.js, that is running JavaScript server side. Never been particularly enamored with that. He indicates that there are other ways, though he doesn't seem to go into detail. So have to learn more online, as it always is, far more to this than what can be books.
https://developer.mozilla.org/en-US/docs…
SJG
MonaLisa Twins
https://www.youtube.com/watch?v=qKRle7mg…
The Jeff Healey Band - While My Guitar Gently Weeps (live)
https://www.youtube.com/watch?v=NCaL_v2E…
The Jeff Healey Band - All Along the Watchtower (from See the Light: Live from London)
https://www.youtube.com/watch?v=Ah5Hs770…
Pigers
https://tuscl.net/photo.php?id=8297
https://developer.mozilla.org/en-US/docs…
for the Server
https://developer.mozilla.org/en-US/docs…
A WebSocket server can be written in any server-side programming language that is capable of Berkeley sockets, such as C(++), Python, PHP, or server-side JavaScript.
So yes, it is like Unix TCP-IP Sockets, good!
https://en.wikipedia.org/wiki/Berkeley_s…
If I am going to write something like that it will be in C/C++
But as to what is available PHP
https://stackoverflow.com/questions/1451…
http://socketo.me/
https://itnext.io/the-reality-of-php-web…
SJG
The Bootleg Beatles-Drive My Car (I guess this is a tribute band)
https://www.youtube.com/watch?v=DJO61zcE…
Rainbow - Highway Star - Live at Monsters of Rock in Bietigheim-Bissingen 18.06.2016 (seems to have Ritchie Blackmore, at least I think that is him)
https://www.youtube.com/watch?v=DR4t0Tjg…
https://www.blabbermouth.net/news/ritchi…
Thin Lizzy Live, 1978'
https://www.youtube.com/watch?v=KmBy48YJ…
https://modernizr.com/
SJG
The Bootleg Beatles-Drive My Car (I guess this is a tribute band)
https://www.youtube.com/watch?v=DJO61zcE…
Rainbow - Highway Star - Live at Monsters of Rock in Bietigheim-Bissingen 18.06.2016 (seems to have Ritchie Blackmore, at least I think that is him)
https://www.youtube.com/watch?v=DR4t0Tjg…
https://www.blabbermouth.net/news/ritchi…
Thin Lizzy Live, 1978'
https://www.youtube.com/watch?v=KmBy48YJ…
https://html.spec.whatwg.org/multipage/m…
https://html.spec.whatwg.org/multipage/m…
so I think I just use the "src" parameters, same as in the HTML tag
humm, I need to try this to know, as this stuff and the documentation are complex.
https://html.spec.whatwg.org/multipage/m…
SJG
Pigers
https://tuscl.net/photo.php?id=8297
https://developer.mozilla.org/en-US/docs…
SJG
console.log
console.warn
console.error
SJG
https://www.yandy.com/collections/linger…
harnesses becoming more common, this one also has garter straps on it
https://www.yandy.com/collections/linger…
https://www.yandy.com/collections/linger…
https://www.yandy.com/collections/linger…
https://tuscl.net/photo.php?id=9269
https://developer.mozilla.org/en-US/docs…
https://console.spec.whatwg.org/#log
I read this stuff and I still have only a limited understanding. This stuff has to just be tried out, and then one will learn more holistically
SJG
https://www.yandy.com/products/darling-a…
Making progress though.
So much stuff, more than can every fit in a few paper books. All the "elements" and their "properties", which really means class instantiations and their methods. But there are so so many, and you really need to know the whole story to be effective.
And then since JavaScript is interpreted, anything computationally intensive has to be written in low level compiled language and made into a plug in.
This is complex, but it is worth mastering and staying current.
SJG