Sold Animation

22.03.2021

Made with: HTML,CSS

View Code

PlaceholderSold Animation

Hover

16.03.2021

Made with: HTML,CSS

View Code

PlaceholderHover

Sticky Figcaption With Protruding Figure

30.01.2020

Made with: HTML,CSS (SCSS)

View Code

PlaceholderSticky Figcaption With Protruding Figure

Realistic Polaroid Figures

28.04.2019

Realistic polaroid figures in HTML and CSS.

Made with: HTML,CSS

View Code

Realistic Polaroid Figures

A Figure With A Figcaption

17.01.2019

A figure with a figcaption... and .date that all:hovers.

Made with: HTML (Pug),CSS (SCSS)

View Code

PlaceholderA Figure With A Figcaption

Figure & Figcaption

23.07.2018

Image with caption using HTML figure and figcaption tags.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Figure & Figcaption

Figure & Figcaption

25.06.2018

Made with: HTML,CSS (SCSS)

View Code

PlaceholderFigure & Figcaption

Figure & Figcaption

25.06.2018

Made with: HTML,CSS,JS

View Code

PlaceholderFigure & Figcaption

Gallery With Figure & Figcaption

25.06.2018

Parallax image gallery using figure & figcaption tags.

Made with: HTML,CSS

View Code

Gallery With Figure & Figcaption

Figure & Figcaption With Css

25.06.2018

figure & figcaption using CSS flexbox and some simple styling.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Figure & Figcaption With Css

Html Figure & Figcaption

24.06.2018

Simple example of thumbnails using HTML figure & figcaption tags and CSS.

Made with: HTML,CSS (SCSS)

View Code

Html Figure & Figcaption

Playful Css Figure & Figcaption

23.06.2018

Pure CSS, no libs and stuff.

Made with: HTML,CSS

View Code

Playful Css Figure & Figcaption

Use Alt Tags In Img Captions

22.06.2018

Example of how to use alt to print to your img captions. Handy for SEO purposes. Credit to Josh Emrich for his Campy Creature Invader artwork. And JavaScript by CodeJoust on StackExchange.

Made with: HTML,CSS,JavaScript

View Code

Use Alt Tags In Img Captions

Html Figure & Figcaption

22.06.2018

Minimalistic pure CSS carousel with HTML figure and figcaption.

Made with: HTML (Haml),CSS (Sass)

View Code

Html Figure & Figcaption

Figure & Caption

22.06.2018

Animated image thumbnail.

Made with: HTML,CSS

View Code

Figure & Caption

Responsive Image Labels

22.06.2018

Using figcaption to add multiple labels to an image. By changing a CSS variable with media queries, the labels can adjust to a wide variety of screen sizes.

Made with: HTML,CSS (SCSS)

View Code

Responsive Image Labels

Figure + Figcaption

21.06.2018

Made with: HTML,CSS (SCSS)

View Code

PlaceholderFigure + Figcaption

Interactive Inky

20.06.2018

figcaption text segments as legends pointing out portion of figure content.

Made with: HTML (Pug),CSS,JavaScript

View Code

Interactive Inky

Figure & Figcaption With Css Hover Effect

20.06.2018

Image hover transition with CSS variables.

Made with: HTML (Haml),CSS (Sass)

View Code

Figure & Figcaption With Css Hover Effect

Playful Figure/Figcaption

20.06.2018

Made with: HTML (Pug),CSS (Less),JavaScript

View Code

Playful Figure/Figcaption