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”

Styling “Details” & “Summary” HTML Tags

Web #9 — Details & Summary BoxBack in Web #6, the ease of the details / summary tags was mentioned. All you had to do was drop support for Internet Explorer and then you could have a pure HTML / CSS solution to creating web boxes that could be opened or closed. It would be almost two years since such a feature was added to this website. But with the addition of the Farmside Guide, now there’s a great reason to use the Details & Summary HTML tags. There’s a video on Photics.TV that explains the CSS styling of a Frequently Asked Questions (FAQs) webpage.

Continue reading “Styling “Details” & “Summary” HTML Tags”

10 Reasons To Stop Supporting Internet Explorer

Web #6 Thumbnail — No Internet ExplorerThis article is available as a video on Photics.TV (YouTube). Part of determining the requirements for your web project is choosing which web browsers to support. So, while Internet Explorer is not quite dead yet, it’s really close. That’s the point of this article. If you’re having trouble deciding to include Internet Explorer in your next or current web project, here are 10 native web features that you can probably use if you drop support for Internet Explorer.

Continue reading “10 Reasons To Stop Supporting Internet Explorer”

[🦸🏼‍♀️#1] HELP! My Map Doesn’t Work!

Hero #1 — Maps (Thumbnail)Over at Photics.TV, a new series of videos has begun. In short, it’s a heroic tech support. Now that might sound like two entirely different things, but look at the world we live in today. It’s very informational and very technological. One of the biggest troubles of the modern age is managing all that data. In particular, we’re told “learn to code” but the specifics on accomplishing that objective is a bit fuzzy.

Continue reading “[🦸🏼‍♀️#1] HELP! My Map Doesn’t Work!”