Tag Archives: linear gradient

Landing Page Linked Background Images Long Hover Hashtag Tutorial

Posted on by

Maybe you remember … Landing Page Linked Background Images Long Hover Tutorial … and … WordPress Blog Hashtag Navigation Return Onmouseover Tutorial ? Ideas from each, combine, today, to add some “hashtag navigational smarts” to our recently added “multiple background … Continue reading →

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

Random Background Webpage Masking Tutorial

Posted on by

Another “layer of functionality” we are interested in regarding the burgeoning “Random Background Images” web application of yesterday’s Random Background Webpage Fade Tutorial, featuring the wonderful Lorem Picsum, is … image masking … and we allow for … radial gradient … Continue reading →

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

Landing Page Linked Background Images Long Hover Tutorial

Posted on by

Yesterday’s Landing Page Linked Background Images Tutorial introduced linked background (thumbnail) image “onclick” event logic. Today, we extend, rather than impinge in any way, by adding “long hover” linked background (thumbnail) image functionality, which bases itself on a “short hover … Continue reading →

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

Landing Page Linked Background Images Tutorial

Posted on by

We’ve introduced to the RJM Programming Landing Page some linked background images which link the reader to this WordPress Blog. There are … five images shown to a 30 x 20 thumbnail size … applied as … <div id=”style_3″ class=”style_3″ … Continue reading →

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

CSS Gradient Creations Mobile Width Tutorial

Posted on by

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

Posted on by

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

Animated Linear Gradient Border Primer Tutorial

Posted on by

Over a few days now at this blog, we’ve been trialling a CSS styling idea for when we use HTML iframe elements to allow the reader to try a web application as they read the blog posting content. This CSS … Continue reading →

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

Landing Page Navigation Bar Styling Tutorial

Posted on by

Back to Landing Page work, in the same realms as the recent Responsive Web Design Primer Tutorial today we’re presenting a styling (ie. CSS) tutorial making the navigation bars of this series of seven webpages more impactive. We thanks ideas … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , | 1 Comment