Tag Archives: style

Sass CSS Stylesheet Primer Tutorial

When compartmentalizing web design work, and you’ve already done a compartmentalization to … backend – (ie. “the data”, “the configuration”) … and … frontend – (ie. “the look”, “the functionality”) … a very natural, and intuitive way to divvy up … Continue reading

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

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

Image Map with Overlay SVG Glowing Polygon Tutorial

In the “glowing” CSS styling work we’ve been talking about recently, as with yesterday’s Multiple Choice Quiz with Glowing Box Tutorial “Glowing Box”, today we have for you … HTML image map element … with … area shape=”poly” (polygon) elements … Continue reading

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

Multiple Choice Quiz with Glowing Box Tutorial

We’re going from “Glowing Text” ideas below, with HTML5 Mark Tag with Glowing Text Tutorial, to “Glowing Box” ideas, starting today, that we apply in the context of a Multiple Choice Quiz. As far as online quizzes go, don’t know … Continue reading

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

CSS Selectors Primer Tutorial

We recently instigated some cosmetic changes that we liked the look of at this blog and in a web application the changed CSS selectors server_client.html … <style> * { opacity: 0.9; } *:hover { opacity: 1.0; } td:active { border: … Continue reading

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

CSS3 More Complex Pseudo Class Selectors Tutorial

With the CSS and HTML Complex Pseudo Class Selectors Tutorial below we talked about some CSS3 Pseudo Element Selectors, and today we talk about some more. In order to show you this we wrote a small utilitarian HTML and CSS … Continue reading

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

Word Wrap Primer Tutorial

On the recent series of Google Chart theme blog postings such as Google Line Area Bar Column Chart Multimedia Background Tutorial, recent and looking back, we’ve had quite a time of it with word wrapping issues. So today we’re going … Continue reading

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

Dynamic Styling via Javascript DOM Tutorial

Yes, as you may have guessed, the createElement(‘script’) techniques of the last couple of days, illustrated by yesterday’s Dynamic Javascript Tic Tac Toe Bookmarklet Tutorial, can easily be adjusted to dynamically style via CSS and Javascript DOM createElement(‘style’) quite effectively … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | 1 Comment