Flipping A Card With HTML, CSS, & JavaScript

Flipping the Queen of HeartsIt is possible to create 3D graphics on the web. It should be even better as browsers improve. As an example, the “model” HTML tag has lots of potential. But what if you don’t want to wait, or what if you want something extremely lightweight? For flipping cards, simple CSS can create a sense of perspective. That’s what this tutorial is about.

Continue reading “Flipping A Card With HTML, CSS, & JavaScript”

Free Template Tuesday #39 – Tumult Hype “Controlling”

Controller Emoji ExplosionAnyone ever call you too controlling? Context matters! In the video game world, it’s really bad if you’re not controlling what’s going on. That’s the point of this week’s free Tumult Hype template. It shows how to add a 4-way controller to your game. It’s quite similar to the phenomenal Jump template, but this one has three distinct differences.

Continue reading “Free Template Tuesday #39 – Tumult Hype “Controlling””

Free Template Tuesday #38 – Tumult Hype “Timely”

Sleepy Time Emoji 😴🌃This is one of those things where it’s just easier to show than explain. Are you a human on Earth? Then you probably know about the day / night cycle. So, why don’t our websites know about this? Many websites operate like it’s 12:00 PM — all day, every day. What if your website could know the difference? What if your website could react to the time of the day? That’s the task for this week’s free Tumult Hype template.

Continue reading “Free Template Tuesday #38 – Tumult Hype “Timely””

Free Template Tuesday #37 – Tumult Hype “Spotlight”

Spotlight on the Investigator EmojiA little over five years ago, marks the start of free Hype template Tuesdays. It all started with a Coconut. I didn’t even realize that so much time had transpired. But after noticing that Groundhog Day falls on a Tuesday this year, I started getting nostalgic. I remembered the Groundhog template. Perhaps I should launch a new Hype Template?

Continue reading “Free Template Tuesday #37 – Tumult Hype “Spotlight””

Free Template Tuesday #36 – Tumult Hype “Orientation”

Orientation Thumbnail — iPhone EmojiNow that the 2020 edition of A Book About Hype was published, what to do about those templates? Well, initially, the plan was to stop creating them. Instead, energy was to be focused on the Widgets app. But after a recent visit to the Hype forums, it looks like detecting the device orientation was an issue. That’s an easy fix… right? That should be an easy template to make… right?!

Continue reading “Free Template Tuesday #36 – Tumult Hype “Orientation””