Tag Archives: styling

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

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

HTML div Versus hr Contenteditable Tutorial

Sometimes, just because the look of a web application changes very little, doesn’t mean there aren’t quite big rearrangements underneath to allow for a new piece of functionality. Sometimes, with web applications, we like “seamlessness”, or the more cruel might … Continue reading

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

HTML div Versus hr Primer Tutorial

Today’s new web application is a CSS styling “tool” (at least we’d like to think) but written predominantly via HTML and Javascript … go figure … but yes, it makes sense a bit, that to show CSS “in action” so … Continue reading

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

CSS3 Flexbox Table Tutorial

If you were around for the recent CSS3 Flexbox Primer Tutorial and the concept of CSS3’s … display: flex; flex-direction: row; // default, or row-reverse or column or column-reverse … and this was new to you regarding styling that can … Continue reading

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

CSS3 Flexbox Primer Tutorial

Responsive design is an important aspect to modern web design, because of the realities of the online world’s push to mobile devices, with their smaller device widths. As the W3Schools website says … The Flexible Box Layout Module, makes it … Continue reading

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

Daylight Saving Time TimeZone Emoji Tutorial

The last time we added a change to our Daylight Saving TimeZone Information web application was during our Other Side of the World Google Chart Tutorial work, and then, so many things were going on with interfacing and integration we … Continue reading

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