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”