Tag Archives: height

Image Pair Fitting into a Given Dimension Refresh Tutorial

Yesterday’s Image Pair Fitting into a Given Dimension Sources Tutorial‘s … adding of an alternative image source … added a bit of “pizazz” … and adding to the “Margherita push”, today, is to … add the opportunity for a user … Continue reading

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

Image Pair Fitting into a Given Dimension Sources Tutorial

Thinking “layers of functionality” here, we think that progress onto yesterday’s Image Pair Fitting into a Given Dimension Primer Tutorial would go … as well as the wonderful Lorem Picsum resource for beautiful images “source” … we might add … … Continue reading

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

Image Pair Fitting into a Given Dimension Primer Tutorial

One of the most “catered for” part of webpage design involves the display of images. Our recent “stumbling upon” … the excellent Lorem Picsum resource for beautiful images suiting a given width x height … had us looking around for … Continue reading

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

Contenteditable OuterHTML Ideas CSS Tutorial

Onto yesterday’s Contenteditable OuterHTML Ideas Mobile Tutorial we turn our attention to some aesthetics matters with this “Contenteditable OuterHTML Ideas” web application. Yes, most of this involves CSS changes, such as those for those div elements … <style> div.indiv { … Continue reading

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

Contenteditable OuterHTML Ideas Mobile Tutorial

Developing yesterday’s Contenteditable OuterHTML Ideas Watermark Tutorial on this MacBook Air had us a bit neglectful of mobile platforms. This neglectfulness manifested itself in the usual “width” and “height” dilemmas … add a meta viewport tag, such as our … … Continue reading

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

HTML Editor HTML Preview Tutorial

Onto the recent HTML Editor HTML Tag List Tutorial HTML tag list dropdown improvements, today’s work offers an optional HTML preview as the user tabs out of the textarea “HTML collector” via new textarea “onchange” event Javascript DOM logic, as … Continue reading

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

TimeZone Offset Places Google Geo Chart Popup User Interaction Tutorial

Yesterday’s TimeZone Offset Places Google Geo Chart Wikipedia Double Click Tutorial‘s … … that “double click” logic not channelling any “ondblclick” event but, rather, two “click”s quickly in a row, in which case, as a first draft idea, a simple … Continue reading

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

TimeZone Offset Places Google Geo Chart Wikipedia Double Click Tutorial

Onto yesterday’s TimeZone Offset Places Google Geo Chart Wikipedia Tutorial work, which, behind the scenes concerns SVG elements, we wanted to explore … a “double click” augmenting set of functionalities … onto the default … “click” functionalities opening Wikipedia webpages … Continue reading

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