The tutor tells a trick for printing long strings with JavaScript. Suppose you have a long string, over many lines, that you want to print with JavaScript. Typically, to print a string, you might assign it to a variable, then …
Web Programming: JavaScript: how to manage a multi-line string Read more »
The tutor shows an example of a wrapper program in action. To my knowledge, a wrapper is a program that hides a function that the managing system can’t handle. The “wrapping” is code that the managing system recognizes as the …
Web design: a JavaScript wrapper for SVG in WordPress Read more »
The tutor shows how to produce a graph of sinx on a web page using jsDraw2DX. I’ve mentioned jsDraw2DX in a couple of posts (here and here). For producing a graph of sinx, the basic construct is var singraph = …
The tutor shows how to make an html list with different colored markers. Let’s imagine you want the effect Item 1 Item 2 Item 3 Here’s how: <ol> <li style=”color:#ff2277″><span style=”color:black”>Item 1</span></li> <li style=”color:#9999ff”><span style=”color:black”>Item 2</span></li> <li style=”color:violet”><span style=”color:black”>Item 3</span></li> …
Web design: an ol (ordered list) with different-colored numbers Read more »
The tutor continues about the graphics library jsDraw2DX: how to use it for outlined text. To accomplish the effect above one might proceed something like this: <div id=”grph” style=”position:relative; height:330px;width:410px; background-color:navy; border-style:solid;border-color:brown; border-width:2px”></div> <script src=”dir_where_jsDraw2DX_resides/jsDraw2DX.js”></script> <script> var gr0=new jxGraphics(document.getElementById(“grph”)); var …
Web Design: graphics: Outlined Text with jsDraw2DX Read more »
The tutor shows how to do outlined text with SVG. Outlined text is neat, and there are a few ways to do it, including with SVG: <svg width=”525″ height=”280″ style=”display:block;margin:auto;border-style:solid;border-color:#ee9999″> <text x=”75″ y=”175″ style=”font-size:48px;stroke:#ee9999;fill:#001111″> SVG outlined text! </text> </svg> You …
The tutor shares how to preserve white space on a web page. Html doesn’t always take white space literally: when you type five spaces, the browser might show only one. What if you want the browser to render all the …
To help choose fonts for web design, the tutor mentions two appealing ones: Verdana and Georgia. People tend to prefer sans-serif fonts. Yet, for reading dense, small text, a serif font might be advantageous. Choosing the font(s) for a web …
Web design: fonts: one sans-serif (Verdana), one serif (Georgia) Read more »
The tutor talks a bit about “auto”: is it the default setting for layout? I’ve read that “auto” is default: unless you set the property to something else in particular, the element will be rendered as though that property was …
The tutor talks about ==$zer0 in Chrome’s Developer tools. Looking at a page source in Google Chrome, I saw the entry ==$0. It wasn’t manifesting on the page itself; I wondered if it was a type of HTML comment. Apparently, …
Chrome: Developer tools (view page source): ==$0 Read more »