Figure & Figcaption

25.06.2018

Made with: HTML,CSS (SCSS)

View Code

Figure & Figcaption

Figure & Figcaption

25.06.2018

Made with: HTML,CSS,JS

View Code

Figure & Figcaption

Parallax Image Gallery

25.06.2018

Made with: HTML,CSS,JavaScript

View Code

Parallax Image Gallery

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

Fullscreen Menu

25.06.2018

Fullscreen flex menu in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderFullscreen Menu

Animating Striped Text

25.06.2018

Animating striped text with background clip and gradients.

Made with: HTML,CSS (SCSS)

View Code

Animating Striped Text

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

Responsive And Animated Windmill

24.06.2018

Windmill (Pug + SCSS) - responsive & animated.

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

View Code

Responsive And Animated Windmill

Playful Css Figure & Figcaption

23.06.2018

Pure CSS, no libs and stuff.

Made with: HTML,CSS

View Code

Playful Css Figure & Figcaption

There's No Place Like Home

23.06.2018

A CSS-only house based off of the Pokemon Gameboy art featuring some JS and CSS variables to change its colours.

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

View Code

There's No Place Like Home

The Glowing Loader

23.06.2018

The glowing loader with pure CSS animation.

Made with: HTML,CSS (SCSS)

View Code

The Glowing Loader

Tetris With High Score Tracking

22.06.2018

Made with: HTML,CSS (SCSS),JS

View Code

Tetris With High Score Tracking

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

Box Corners Animation

22.06.2018

Box corners animation in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Box Corners Animation

Box Corners Animation

22.06.2018

Box corners animation on hover in pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Box Corners Animation

Shape-Outside - Experiment 3

22.06.2018

Experimenting with shape-outside within a layout. Somewhat responsive.

Made with: HTML,CSS

View Code

Shape-Outside - Experiment 3