Tag Archives: width

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

CSS Gradient Creations Mobile Width Tutorial

When it comes to “width” (CSS styling) considerations with webpage design on mobile platforms where you are not prepared to “de-complex-ify” (if you know what I mean) the webpage contents you can run into the dual issues … you want … Continue reading

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

CSS Gradient Creations Width Makeover Tutorial

Revisits to a web application, after some time, can bring “adverse” categories of reaction to me … UX (user experience) Javascript criticism … styling CSS annoyance … and today’s work, on our “Gradient Creations” web application, is as a result … Continue reading

Posted in eLearning, 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

SVG Network Digital and Analogue Clocks Tutorial

The SVG based clock of SVG Network Digital and Analogue Clock Local Time Tutorial days was all fine and good, but on a revisit, we felt compelled to make this changed HTML supervisor svg_clock.html live run be capable of tabular … Continue reading

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

Marquee Placeholder Primer Tutorial

We’ve got what we think is a very interesting proof of concept web application for you today. What do you think of … Marquee Placeholder … combining that … HTML marquee element for that “Eat at Joe’s” or “share ticker … Continue reading

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