Tag Archives: dimension

SVG and Gradient Fraction Game Tutorial

To add onto yesterday’s Gradient Fraction Game Mobile Tutorial … exclusively gradient … conic linear radial … “cake” displays in our Fractions Game … and add in … SVG circle and rectangle alternative displays … it is not hard coding … Continue reading

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

Gradient Fraction Game Mobile Tutorial

Many responsive web design purists will push the web developers out there to never … express HTML element dimensions in “static” “px” types of units … but rather … express HTML element dimensions in “%” or “vx” or “vh” proportional … Continue reading

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

Image Pair Fitting into a Given Dimension Refresh Hashtag Tutorial

There are many many approaches where one webpage navigating to another can share data. Think, listing just a few … URL “get” ? and & arguments … on client side or server side … Ajax or HTML form (method=) “post” … Continue reading

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

Dots and Boxes Game Parameterization Tutorial

We quite like … substitutional approaches to coding interpretive approaches to coding take a hardcoded string and either … parameterize it repurpose it … and with the “Dots and Boxes Game” web application of yesterday’s Dots and Boxes Game Primer … Continue reading

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

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

Viewport and CSS Calc Intersection Resize Tutorial

Yesterday’s Viewport and CSS Calc Intersection Algorithm Tutorial showed no issues with … mobile “pinch” and “spread” gestures … no issues surprisingly … but there were with … non-mobile “onresize” (of window) created issue of a misplaced yellow intersection HTML … Continue reading

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