Tag Archives: horizontal rule

Horizontal Rule and Div Glowing Lines and Vertices Tutorial

There is another graphical idea we’d like to add some (W3School’s glowing text inspired) “glow” to, like in the spirit of yesterday’s Image Map with Overlay SVG Glowing Polygon Tutorial, but this time, we want it as a user controllable … Continue reading

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

Workplace Concepts Game Horizontal Rule Reveal Tutorial

Today we want to add a “reveal” feel to the previous Workplace Concepts Game Horizontal Rule Cell Tutorial. Our favourite “reveal” element combination is the team of details tag and its nested summary tag partner. The great thing about these … Continue reading

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

Workplace Concepts Game Horizontal Rule Cell Tutorial

Yesterday’s Workplace Concepts Game Primer Tutorial used … an HTML table … with … one static row of 4 column “header cells” … and … one static Next button row … and … one dynamic row of 4 column “data … Continue reading

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

Workplace Concepts Game Primer Tutorial

Here’s a new web application project. Content wise we take … a workplace concept … link that concept to one or more categories namely “rights”, “responsibilities”, “ethical”, “unethical” … organized into a single dimension array with semicolon and plus sign … Continue reading

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

HTML Square Horizontal Rule Image Map Notice Board Tutorial

Following on from yesterday’s HTML Square Horizontal Rule Image Map Are You Okay Tutorial we wanted, today, to “test the waters” with the news of recent emoji additions to ask a lot of this world, and see how emojis stack … Continue reading

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

HTML Square Horizontal Rule Image Map Are You Okay Tutorial

The recent HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial has a fair degree of flexibility, and we want to try more ideas to learn more (and modify more, as you will see later). Was reading through a course … Continue reading

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

HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial

We add onto yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Content Tutorial‘s Global data-* Attribute items functionality the new … Tick Cross Text and/or Emoji over one line Text and/or Emoji over two lines Question and Answer Quiz … … Continue reading

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

HTML Square Horizontal Rule Image Map Jigsaw Content Tutorial

There’s a push on to genericize our latest Timesheet Helper into a more generic Document Helper for documents that benefit from positioning Text and/or Emojis. Often tables and grids are perfect candidates for this type of functionality. Effectively scan the … Continue reading

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