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 …
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 discusses what he noticed while experimenting with jQuery css() and JavaScript style. JavaScript has a style function that allows you to access style attributes of an element. For example, to get an element’s color: var e1_color=document.getElementById(“e1”).style.color; However, as …
Web design: jQuery css() and JavaScript style: boundary testing Read more »
The tutor discusses html block elements. Block elements, in their native state, occupy the entire line. Therefore, each appears on its own. Because it occupies the whole line, a block element’s text can, in my experience, be centered using text-align: …
The tutor experiments with jQuery and regex. Imagine you have a web page: somewhere on it, you believe, is the word wine. You now realize that the promoter wants wine to “pop”: she believes that the prospective audience will pay …
jQuery, famously, offers selectors that a programmer can use to access virtually any element on the page. This post gives an example of the eq(n) selector. When you click the demo button below, the third H will change. The code: …
The tutor shows a trick available from CSS. @keyframes animation effect from CSS. The @keyframes effect may not be visible in some earlier browser versions – like, possibly, ie9 or before. However, someone running XP, for example, can get Opera …
The tutor looks into a simple layout technique. In web design, vertical centering is often desirable. Here’s a quick example: Hello! This text is vertically centered. See the code below. <div style=”height:11em; display:table-cell;vertical-align:middle; background-color:LightGreen;color:white; font-size:150%”><div> I’ll mention other web …
The tutor shows another jQuery function: css() Click me for css() demo:) This text and background will both change color. Click me to reset:) The jQuery code that changes the text from ordinary to white on red: $(“#p_jun_20_2016”).css({“color”:”rgb(255,255,255)”,”background-color”:”rgb(150,10,10)”}); …
The tutor shows an easy trick available through CSS. CSS is used to style elements of a web page. It can be used to change a square into a circle, by rounding the corners. First, a square <div> element, its …