Tag Archives: width

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

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