Tag Archives: style

Word Find Game Viewport Tutorial

Do you remember the last time at this blog that we simulated the Android “toast” mobile app temporary message box with Ants Up a Wall Game Toast Tutorial? It forms part of our solution regarding … mobile device use … … Continue reading

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

Word Find Game Aesthetics Tutorial

CSS styling keeps getting better for webpages, with extended functionality, as proven when CSS3 came to being. Two styling features we find quite impactive are … CSS animation … and … CSS linear gradients … we use, respectively, regarding … … Continue reading

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

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

CSS Position Sticky Primer Tutorial

The concept of scrolling in a webpage is a way to get to places “below the fold” or “to the right of the fold” regarding vertical and horizontal scrolling, respectively. We wanted to start exploring this idea by starting with … Continue reading

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

HTML Attribute CSS Pseudo Class Styling Tutorial

Around here with the wording of our blog posts we try to get it right when differentiating an HTML “attribute” as distinct from a CSS “property”. Over time, the best explanation we can give for HTML attribute is that it … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment