Tag Archives: CSS

Slideshow Animation via Image Visibility Primer Tutorial

Posted on by

Today’s tutorial extends the “overlay” idea presented yesterday with WordPress Blog Search Within Search Overlay Tutorial where, you might remember, we had three HTML elements, one visible and the rest invisible, and we “overlayed” (in quotes, because the technique does … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , | 25 Comments

WordPress Blog Search Within Search Overlay Tutorial

Posted on by

Thought we were finished with “filter a search” (or “search within a search”) ideas yesterday … but how wrong were we? That wasn’t rhetorical. Okay … be like that. Anyway, we realised with today’s work continuing on from yesterday’s WordPress … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , | 16 Comments

CSS/Javascript Text Justification Primer Tutorial

Posted on by

Do you still read hardcopy newspapers or magazines or books? It depends on your native language written text arrangements a lot, but in English, with a newspaper or magazine or book written in English, it is often the case that … Continue reading →

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

YUI Container Primer Tutorial

Posted on by

We’ve quite often visited Yahoo’s YUI library of JavaScript functionality for useful front-end web application ideas. Today we continue with ideas thanks to the great ideas in JavaScript and Ajax (seventh edition … ISBN: 9780321564085) by Tom Negrino and Dori … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , | 20 Comments

Javascript Zoom and Translate Primer Tutorial

Posted on by

Yesterday, with PHP and jQuery Google Pie Chart Tooltips Tutorial as shown below, we arrived at an improved Google Pie Chart web application. You have its default look, but supposing you want its functionality “shaped” into an HTML iframe with … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , , | 18 Comments

HTML/Javascript Scrabbling Snakes Game Primer Tutorial

Posted on by

Scrabbling Snakes is a hybrid game combining the Scrabble board with styling to look a bit like snakes (well, you had to be there) and with a word scramble game feel. It could do well as a vocabulary improvement game … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , | 1 Comment

CSS Before and After Content Primer Tutorial

Posted on by

The “#element:before { content: ‘Some starting content’; }” and “#element:after { content: ‘Some optional ending content’; }” CSS syntax (to populate the innerHTML “content” of HTML element id=’element’) is fascinating to me, because it feels like breaking the rules somehow. … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , | 5 Comments

Dynamic Javascript and CSS Primer Tutorial

Posted on by

The Head tag of an HTML webpage can be thought of as containing … Javascript scripting (though other types may work too) CSS (Cascading Style Sheets) … as well as optional meta tags and title tag … and am sure … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , | 11 Comments