Tag Archives: div

Textarea and Div Box Shadow Primer Tutorial

We’ve long been interested in the similarities and contrasts between the use of HTML … textarea … and/or … div … elements regarding content and aesthetics and uses (within a webpage). Perhaps you were here when we presented the Textarea … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , | Leave a comment

HTML5 Web Audio Piano Keyboard Highlighting Tutorial

The “difference word” in today’s blog posting title is “highlighting”. Whether it be … the highlighting of text … perhaps ahead of a Copy operation with modern GUIs … or … the highlighting of some HTML element … a lot … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Nesting and Zooming and Simulated Scrolling Tutorial

We wrote the web application of Google Charts Geo Chart Nesting Tutorial for another purpose, which involved … fitting the Google Charts Geo Chart content into a pre-defined parent (hosting) element … and return to this because, yesterday, with Google … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Nesting and Zooming Tutorial

We wrote the web application of Google Charts Geo Chart Nesting Tutorial for another purpose, which involved … fitting the Google Charts Geo Chart content into a pre-defined parent (hosting) element … and return to this because we now … … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Region Picker Conditional Positioning Tutorial

Because of the work at Curl HTTP Request Methods Tool Tutorial we can now … conditionally (depending on the existence of the Google Charts Image Charts API) … determine the positioning of Region Picker functionality elements … further to yesterday’s … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Region Picker Alignment Tutorial

In our inhouse Region Picker we like the way the right hand webpage side involved some useful … position: sticky; … positioning, useful within the realms of what is going on on the right hand side. But now we’re wanting … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Region Picker Shading Tutorial

We have a few major improvements onto yesterday’s Google Charts Geo Chart Region Picker Nesting Tutorial‘s work … shading of country in the Google Charts Geo Chart … addition of event logic for the “overlay/underlay/arriba” Google Charts Geo Chart incarnation … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Charts Geo Chart Region Picker Nesting Tutorial

It was really our inhouse Region Picker web application we had in mind behind the “create a map background” motivations of yesterday’s Google Charts Geo Chart Nesting Tutorial. We found trying the … background-image:url(‘data:image/svg+xml;utf8, blahde blah ‘); nor background-image:url(‘data:image/svg+xml;base64, blahde … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment