Responsive Vintage Kodak Film Wallet

12.10.2017

Responsive CSS Grid experiment of a vintage Kodak film wallet.

Made with: HTML,CSS

View Code

Responsive Vintage Kodak Film Wallet

Page Transition

12.10.2017

Simple page transition.

Made with: HTML/Pug

View Code

Page Transition

Responsive History Timeline

12.10.2017

Horizontal responsive history timeline.

Made with: HTML

View Code

Responsive History Timeline

Blog Card: Earth News

11.10.2017

Pure CSS responsive blog card.

Made with: HTML,CSS (SCSS)

View Code

Blog Card: Earth News

Vue Js Tabs

9.10.2017

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

View Code

PlaceholderVue Js Tabs

Bootstrap Login

8.10.2017

Made with: HTML,CSS

View Code

Bootstrap Login

Arrow

5.10.2017

Arrow with CSS transitions.

Made with: HTML/Pug

View Code

Arrow

Typographic Clock

5.10.2017

Very cool typographic clock.

Made with: HTML/Pug

View Code

Typographic Clock

Image Gallery - Bootstrap

4.10.2017

Made with: HTML,CSS,JS

View Code

Image Gallery - Bootstrap

Error 500 Page

4.10.2017

Error 500 page with SVG animation.

Made with: HTML,CSS

View Code

Error 500 Page

Group Timeline

3.10.2017

Horizontal group timeline.

Made with: HTML/Pug

View Code

Group Timeline

Submit Button

30.09.2017

Submit button with micro-copy status.

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

View Code

Submit Button

Pagination

30.09.2017

Pagination example that allows you to navigate between different pages. This example would have to have href attributes in order to work with an actual application that requires pagination.

Made with: HTML

View Code

Pagination

Css Timeline

30.09.2017

CSS timeline with custom properties.

Made with: HTML

View Code

Css Timeline

Button Hover Effect

30.09.2017

Hover effect using pseudo elements.

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

View Code

Button Hover Effect

Nubank Credit Card

30.09.2017

Nubank credit card in pure CSS, using CSS variables (custom properties).

Made with: HTML,CSS

View Code

Nubank Credit Card

Comic Book Style Layout

30.09.2017

Good comic book style layout with CSS Grid.

Made with: HTML,CSS (SCSS)

View Code

Comic Book Style Layout

Css Arrows

29.09.2017

10 CSS arrows.

Made with: HTML

View Code

Css Arrows

Thumbnail Presentation With Css Grid

29.09.2017

This should work with older browsers as far as IE9. Older browsers and non-supporting browsers will get a "conservative" design instead.

Made with: HTML,CSS (SCSS)

View Code

Thumbnail Presentation With Css Grid

Full-Width Panel Expansion

29.09.2017

A CSS only expanding panel gallery with CSS vars to progressively enhance with animation.

Made with: HTML,CSS (Less)

View Code

Full-Width Panel Expansion