Tag Archives: table

CSS Grid Column Context History Tutorial

With web applications, two words are often intertwined … context … and … history … because the state of a webpage can sometimes only be fully appreciated by how it got to be like that, or its “history” in “context”. … Continue reading

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

CSS Grid Column Animation Tutorial

CSS @keyframes rule animations can add “pizazz” to your webpages. And, because yesterday’s CSS Grid Column Primer Tutorial‘s web application‘s actions could take place in the blink of an eye before registering “what just happened” for the user, we offer … Continue reading

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

CSS Grid Column Primer Tutorial

Continuing on with the theme of “HTML div element looking like an HTML table element” regarding a “grid look”, onto yesterday’s CSS Row Gap Primer Tutorial start, today we turn our attention to the CSS “grid-column” property … The grid-column … Continue reading

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

CSS Row Gap Primer Tutorial

Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like … <style> div.grid-container { display: grid; row-gap: 50px; } </style> … thanks to https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_row-gap here, too! And yes, … Continue reading

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

HTML Online Validation Tidy Errors Tutorial

Recently the DOMDocument integrations into our (originally just PHP “tidy”) Online HTML Validator web application of HTML Online Validation Above the Fold Tutorial had taken precedence, but today it is time to improve on the “tidy” functionality, by fleshing out … Continue reading

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

Contenteditable OuterHTML Ideas CSS Tutorial

Onto yesterday’s Contenteditable OuterHTML Ideas Mobile Tutorial we turn our attention to some aesthetics matters with this “Contenteditable OuterHTML Ideas” web application. Yes, most of this involves CSS changes, such as those for those div elements … <style> div.indiv { … Continue reading

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

Contenteditable OuterHTML Ideas Mobile Tutorial

Developing yesterday’s Contenteditable OuterHTML Ideas Watermark Tutorial on this MacBook Air had us a bit neglectful of mobile platforms. This neglectfulness manifested itself in the usual “width” and “height” dilemmas … add a meta viewport tag, such as our … … Continue reading

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

Contenteditable OuterHTML Ideas Watermark Tutorial

Am sure there are a few readers out there bemused by the use of a 3×3 table cell grid background to the “Contenteditable OuterHTML Ideas” web application of yesterday’s Contenteditable OuterHTML Ideas Animation Tutorial. Well, it provides … some structure … Continue reading

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