Tag Archives: percentage

Flex Box CSS Primer Tutorial

Posted on by

To use percentage (%) units in CSS in a web application can be a conduit towards Responsive Web Design goals you have. But have you considered the “Flex Box” as another approach? CSS3 flexible Box, or flexbox is a new … Continue reading →

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

CSS Units of Measure Primer Tutorial

Posted on by

As with HTML/Javascript Units of Measure Game Tutorial (which we tweaked this way to fix Google urls) you get to appreciate the myriad of choices out there for you in terms of styling lengths and widths and sizes of webpage … Continue reading →

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

Viewport and CSS Calc Intersection Resize Tutorial

Posted on by

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

Viewport and CSS Calc Intersection Algorithm Tutorial

Posted on by

Do you eat “separatist style”? I used to, leaving the good stuff until last, until one day a grandparent kindly taught me the weakness with this system, quietly pinching the best stuff during the prelude period. The recent Viewport and … Continue reading →

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

Viewport and CSS Calc Primer Tutorial

Posted on by

Keeping on with some themes of yesterday’s Responsive Design Viewport Width Considerations Tutorial, today, we combine ideas around … (meta) viewport … and … (CSS) calc … in a “proof of concept” web application we are using to explore ideas … Continue reading →

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

Textarea Width and Height Control Primer Tutorial

Posted on by

Continuing on the theme of HTML5 new elements (and features), HTML input types in today’s case, as for the previous Colour Discernment Game Primer Tutorial‘s case (of the new HTML5 type=color HTML input type) we draw parallels with … the … Continue reading →

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