Code examples from my “Creative ways to style figures and figcaptions” talk
HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
arcdetriomphe.jpg
figures-figcaptions-workshop.zip
grahamcoxon.jpg
heygeronimo.jpg
index01.html
index02.html
index03.html
index04.html
index05.html
index06.html
index07.html
index08.html
index09.html
index10.html
index11.html
index12.html
index13.html
index14.html
index15.html
index16.html
index17.html
index18.html
index19.html
index20.html
index21.html
index22.html
index23.html
index24.html
index25.html
index26.html
index27.html
index28.html
index29.html
index30.html
index31.html
index32.html
index33.html
index34.html
index35.html
index36.html
index37.html
index38.html
index39.html
index40.html
index41.html
index42.html
lucca.jpg
rock.jpg
varenna.jpg

README.md

figures-figcaptions

Code examples from my “🦄 Creative ways to style figures and figcaptions” talk

Slides from the talk are available as a PDF.

These are code examples of screenshots/visuals I included in a talk I gave at the inaugural Localhost meetup in Perth, Australia, on 1st February 2017. The talk was focussed on the HTML5 figure and figcaption elements and demonstrated interesting ways to style them, drawing inspiration from print and media. I did not show the code for each example in the talk because it didn’t fit in with the goal I wanted, which was to visually show the audience what is possible.

The examples are very simple; I have used inline styling in the head of each HTML file. Photographs in these examples were taken by myself, Georgie Luhur, or Nicholas Cooke. They should not be used elsewhere without permission. Copy and text in all examples was written by me and are excerpts from published blog posts from my blog Hey Georgie. A list of blog posts used are below.

Feel free to use these examples and expand on them, work them into your layouts and designs, get creative or go wild. I’d also love to see what you come up with, so you can find me on Twitter at @georgiecel or contact me on my blog. 🤗

P.S. I didn’t intentionally choose the number 42, but yes, I am a fan of The Hitchhiker’s Guide to the Galaxy.