Css Box Dog Animation

29.08.2018

...

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

View Code

Css Box Dog Animation

Vue Card Carousel

28.08.2018

A multi-item card carousel in Vue. It was fun thinking about how this should be viewed from the perspective of a component. It basically takes a window size and increases/decreases the pagination window on each click, which updates a style which translates the images. Values are hardcoded for demonstration but it could be made generic via props.

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

View Code

Vue Card Carousel

Svg Morphing With Anime.Js

28.08.2018

Simple SVG morphing with anime.js.

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

View Code

Svg Morphing With Anime.Js

Bits And Bytes Css Animation

28.08.2018

Made with: HTML,CSS (SCSS)

View Code

Bits And Bytes Css Animation

Svg Geometric Sale Banners

27.08.2018

SVG geometric sale banners with simple jQuery & CSS animations.

Made with: HTML,CSS,JS

View Code

Svg Geometric Sale Banners

Css Lighthouse Scene

26.08.2018

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

View Code

Css Lighthouse Scene

Bootstrap Card Tile Layout

25.08.2018

Bootstrap cards in tile formation. Ideal for blog posts.

Made with: HTML,CSS,JS

View Code

Bootstrap Card Tile Layout

Jelly Tab Bar

24.08.2018

Made with: HTML,CSS,JS

View Code

Jelly Tab Bar

Link Effect

24.08.2018

HTML and CSS link squiggle effect.

Made with: HTML,CSS

View Code

Link Effect

Jelly Menu

24.08.2018

Jelly menu concept in HTML, CSS and JS.

Made with: HTML,CSS,JS

View Code

Jelly Menu

Fancy Checkboxes And Radio Buttons

23.08.2018

Fancy checkboxes and radio buttons with Font Awesome.

Made with: HTML,CSS (SCSS)

View Code

Fancy Checkboxes And Radio Buttons

Bootstrap 4 Carousel Multiple Items Per Slide Responsive

23.08.2018

The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators. This example is responsive.

Made with: HTML,CSS,JS

View Code

PlaceholderBootstrap 4 Carousel Multiple Items Per Slide Responsive

Animated <Hr>

23.08.2018

Animated hr (element BAM + modifiers).

Made with: HTML,CSS (SCSS)

View Code

Animated <Hr>

Fancy Checkboxes And Radio Buttons

23.08.2018

Made with: HTML,CSS

View Code

Fancy Checkboxes And Radio Buttons

Css Close Button

22.08.2018

Made with: HTML,CSS

View Code

Css Close Button

Bootstrap Select

22.08.2018

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.

Made with: HTML,CSS,JS

View Code

Bootstrap Select

Toggle Buttons / On-Off Switches

22.08.2018

Day night toggle button, elastic toggle button or on-off switches.

Made with: HTML,CSS

View Code

Toggle Buttons / On-Off Switches

Hamburger Menus

21.08.2018

Menu CSS only effects.

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

View Code

Hamburger Menus

React Step Progress Bar

21.08.2018

Made with:

View Code

PlaceholderReact Step Progress Bar