Take A Number Contact List

7.01.2021

A little experiment displaying contact links.

Made with: HTML,CSS

View Code

Take A Number Contact List

Forbes Leaderboard

17.06.2020

A quick leaderboard for the forbes under 40 list.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderForbes Leaderboard

Pretty Sticky

17.06.2020

A simple example highlighting how awesome CSS position: sticky can be.

Made with: HTML,CSS

View Code

Pretty Sticky

Checklist Animation - Only Css

5.03.2020

Simple checklist animation.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderChecklist Animation - Only Css

12Nth Selectors

6.12.2019

CSS list with custom counter and scroll effect.

Made with: HTML,CSS (SCSS)

View Code

Placeholder12Nth Selectors

Gradient Ordered List

15.05.2019

A simple, styled ordered list using SCSS and HTML5. The gradient background transitions from one, to another, and back again. IE11 friendly.

Made with: HTML,CSS (SCSS)

View Code

Gradient Ordered List

Simple Css Check List

5.04.2019

Made with: HTML,CSS

View Code

Simple Css Check List

Nice List Styles

13.03.2019

transfrom: skew property and nice list styles.

Made with: HTML,CSS

View Code

PlaceholderNice List Styles

Css Gradient Counter List

7.03.2019

An example of CSS counter with a fixed background gradient.

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

View Code

PlaceholderCss Gradient Counter List

To-Do List

1.02.2019

Animated checkmark UI.

Made with: HTML,CSS (SCSS)

View Code

To-Do List

To-Do List

1.02.2019

To-Do list with UI animation and microinteractions.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderTo-Do List

File Manger Selectable List

18.12.2018

Click on a list item to select it. Hold Ctrl to multiselect.

Made with: HTML,CSS (SCSS),JavaScript

View Code

File Manger Selectable List

Cards - Listview

13.09.2018

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCards - Listview

Full Circle Note Taking

31.08.2018

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

View Code

PlaceholderFull Circle Note Taking

List Ui

20.04.2018

Simple ordered list UI concept. Making use of pseudo elements.

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

View Code

PlaceholderList Ui

Css-Only Numbered Lists With Drop Shapes

8.08.2017

Styled numbered list using CSS counters and pseudo elements for drop-shaped backgrounds.

Made with: HTML (Pug),CSS

View Code

Css-Only Numbered Lists With Drop Shapes

Css Ordered List With Leading Zero

22.02.2016

CSS ordered list with leading zero and different number color.

Made with: HTML,CSS (SCSS)

View Code

Css Ordered List With Leading Zero