Make expertise a field
This commit is contained in:
@ -29,7 +29,8 @@ In order to create a new snippet, you should follow the steps below:
|
|||||||
- Snippet must follow [these general writing guidelines](https://github.com/30-seconds/brand-and-design/blob/master/writing-guidelines.md).
|
- Snippet must follow [these general writing guidelines](https://github.com/30-seconds/brand-and-design/blob/master/writing-guidelines.md).
|
||||||
- Snippets must have all their frontmatter sections (title, tags etc.) filled.
|
- Snippets must have all their frontmatter sections (title, tags etc.) filled.
|
||||||
- Snippet titles must correspond to the filename and follow the language and repository's naming conventions.
|
- Snippet titles must correspond to the filename and follow the language and repository's naming conventions.
|
||||||
- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag and an expertise tag (`beginner`, `intermediate` or `advanced`) as their last tag.
|
- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag.
|
||||||
|
- Snippet expertise must be specified (`beginner`, `intermediate` or `advanced`).
|
||||||
- Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
|
- Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
|
||||||
- Snippet descriptions must be short and to the point. Explain *what* the snippet does and detail *how* the snippet works and the language features used in it. Snippet description should be written as lists of points (unordered for a few points, ordered otherwise), describing the implemented functionality.
|
- Snippet descriptions must be short and to the point. Explain *what* the snippet does and detail *how* the snippet works and the language features used in it. Snippet description should be written as lists of points (unordered for a few points, ordered otherwise), describing the implemented functionality.
|
||||||
- Snippet code and examples must be enclosed in appropriate, language-tagged blocks as shown in the snippet template, be short and use modern techniques and features. Also make sure to test your code before submitting.
|
- Snippet code and examples must be enclosed in appropriate, language-tagged blocks as shown in the snippet template, be short and use modern techniques and features. Also make sure to test your code before submitting.
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Snippet Name
|
title: Snippet Name
|
||||||
tags: other,intermediate
|
tags: other
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-06-13T05:00:00-04:00
|
firstSeen: 2021-06-13T05:00:00-04:00
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Border with top triangle
|
title: Border with top triangle
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2019-01-18T12:18:43+02:00
|
firstSeen: 2019-01-18T12:18:43+02:00
|
||||||
lastUpdated: 2021-01-07T23:52:15+02:00
|
lastUpdated: 2021-01-07T23:52:15+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Bouncing loader
|
title: Bouncing loader
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-04T06:24:22+02:00
|
firstSeen: 2018-03-04T06:24:22+02:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Box-sizing reset
|
title: Box-sizing reset
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-27T18:59:09+02:00
|
firstSeen: 2018-02-27T18:59:09+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Button border animation
|
title: Button border animation
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2019-01-21T18:52:46+02:00
|
firstSeen: 2019-01-21T18:52:46+02:00
|
||||||
lastUpdated: 2021-05-24T15:28:52+03:00
|
lastUpdated: 2021-05-24T15:28:52+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Button swing animation
|
title: Button swing animation
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-24T15:28:52+03:00
|
firstSeen: 2021-05-24T15:28:52+03:00
|
||||||
lastUpdated: 2021-05-24T15:28:52+03:00
|
lastUpdated: 2021-05-24T15:28:52+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Button fill animation
|
title: Button fill animation
|
||||||
tags: animation,beginner
|
tags: animation
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2020-10-08T20:48:11+03:00
|
firstSeen: 2020-10-08T20:48:11+03:00
|
||||||
lastUpdated: 2021-04-02T21:34:43+03:00
|
lastUpdated: 2021-04-02T21:34:43+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Button grow animation
|
title: Button grow animation
|
||||||
tags: animation,beginner
|
tags: animation
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2021-05-24T15:28:52+03:00
|
firstSeen: 2021-05-24T15:28:52+03:00
|
||||||
lastUpdated: 2021-05-24T15:28:52+03:00
|
lastUpdated: 2021-05-24T15:28:52+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Button shrink animation
|
title: Button shrink animation
|
||||||
tags: animation,beginner
|
tags: animation
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2021-05-24T15:28:52+03:00
|
firstSeen: 2021-05-24T15:28:52+03:00
|
||||||
lastUpdated: 2021-05-24T15:28:52+03:00
|
lastUpdated: 2021-05-24T15:28:52+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Checkerboard background pattern
|
title: Checkerboard background pattern
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-01-11T09:51:43+02:00
|
firstSeen: 2021-01-11T09:51:43+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Circle
|
title: Circle
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-03-04T08:19:52+02:00
|
firstSeen: 2018-03-04T08:19:52+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Clearfix
|
title: Clearfix
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Constant width to height ratio
|
title: Constant width to height ratio
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-27T10:45:26+02:00
|
firstSeen: 2018-02-27T10:45:26+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Counter
|
title: Counter
|
||||||
tags: visual,advanced
|
tags: visual
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2018-03-07T22:12:42+02:00
|
firstSeen: 2018-03-07T22:12:42+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Custom checkbox
|
title: Custom checkbox
|
||||||
tags: visual,animation,advanced
|
tags: visual,animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2021-05-16T13:09:15+03:00
|
firstSeen: 2021-05-16T13:09:15+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Custom scrollbar
|
title: Custom scrollbar
|
||||||
tags: visual,advanced
|
tags: visual
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2018-03-01T10:34:55+02:00
|
firstSeen: 2018-03-01T10:34:55+02:00
|
||||||
lastUpdated: 2021-05-16T13:09:15+03:00
|
lastUpdated: 2021-05-16T13:09:15+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Custom text selection
|
title: Custom text selection
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Disable selection
|
title: Disable selection
|
||||||
tags: interactivity,beginner
|
tags: interactivity
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-26T19:09:58+02:00
|
firstSeen: 2018-02-26T19:09:58+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Display table centering
|
title: Display table centering
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-30T01:15:54+03:00
|
firstSeen: 2018-03-30T01:15:54+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Donut spinner
|
title: Donut spinner
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-27T17:32:35+02:00
|
firstSeen: 2018-02-27T17:32:35+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Drop cap
|
title: Drop cap
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-10-13T07:47:30+03:00
|
firstSeen: 2018-10-13T07:47:30+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Dynamic shadow
|
title: Dynamic shadow
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-05T13:51:36+02:00
|
firstSeen: 2018-03-05T13:51:36+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Etched text
|
title: Etched text
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Evenly distributed children
|
title: Evenly distributed children
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-28T13:47:02+02:00
|
firstSeen: 2018-02-28T13:47:02+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Fit image in container
|
title: Fit image in container
|
||||||
tags: layout,visual,intermediate
|
tags: layout,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-10-31T08:34:49+02:00
|
firstSeen: 2018-10-31T08:34:49+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Flexbox centering
|
title: Flexbox centering
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-03-03T11:57:27+02:00
|
firstSeen: 2018-03-03T11:57:27+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: List with floating section headings
|
title: List with floating section headings
|
||||||
tags: visual,advanced
|
tags: visual
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2020-08-18T15:44:01+03:00
|
firstSeen: 2020-08-18T15:44:01+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Fluid typography
|
title: Fluid typography
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-16T11:23:05+03:00
|
firstSeen: 2021-05-16T11:23:05+03:00
|
||||||
lastUpdated: 2021-05-16T11:23:05+03:00
|
lastUpdated: 2021-05-16T11:23:05+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Focus Within
|
title: Focus Within
|
||||||
tags: visual,interactivity,intermediate
|
tags: visual,interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-10-23T03:58:13+03:00
|
firstSeen: 2018-10-23T03:58:13+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Full-width image
|
title: Full-width image
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-01-07T10:14:46+02:00
|
firstSeen: 2021-01-07T10:14:46+02:00
|
||||||
lastUpdated: 2021-01-07T10:14:46+02:00
|
lastUpdated: 2021-01-07T10:14:46+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Fullscreen
|
title: Fullscreen
|
||||||
tags: visual,advanced
|
tags: visual
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2019-01-12T13:08:40+02:00
|
firstSeen: 2019-01-12T13:08:40+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Gradient text
|
title: Gradient text
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Grid centering
|
title: Grid centering
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-03-03T12:13:59+02:00
|
firstSeen: 2018-03-03T12:13:59+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Hamburger Button
|
title: Hamburger Button
|
||||||
tags: interactivity,intermediate
|
tags: interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2019-10-10T03:49:38+03:00
|
firstSeen: 2019-10-10T03:49:38+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Height transition
|
title: Height transition
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-17T10:53:02+02:00
|
firstSeen: 2018-03-17T10:53:02+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Horizontal scroll snap
|
title: Horizontal scroll snap
|
||||||
tags: interactivity,intermediate
|
tags: interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-08-18T14:25:46+03:00
|
firstSeen: 2020-08-18T14:25:46+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Show additional content on hover
|
title: Show additional content on hover
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-08-18T16:40:23+03:00
|
firstSeen: 2020-08-18T16:40:23+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Perspective transform on hover
|
title: Perspective transform on hover
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-17T13:58:04+03:00
|
firstSeen: 2021-05-17T13:58:04+03:00
|
||||||
lastUpdated: 2021-05-17T13:58:04+03:00
|
lastUpdated: 2021-05-17T13:58:04+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Hover shadow box animation
|
title: Hover shadow box animation
|
||||||
tags: animation,intermediate
|
tags: animation
|
||||||
|
expertise: intermediate
|
||||||
unlisted: true
|
unlisted: true
|
||||||
firstSeen: 2018-03-06T23:41:55+02:00
|
firstSeen: 2018-03-06T23:41:55+02:00
|
||||||
lastUpdated: 2021-01-04T12:30:40+02:00
|
lastUpdated: 2021-01-04T12:30:40+02:00
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Hover underline animation
|
title: Hover underline animation
|
||||||
tags: animation,advanced
|
tags: animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2018-02-28T13:19:22+02:00
|
firstSeen: 2018-02-28T13:19:22+02:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Menu on image hover
|
title: Menu on image hover
|
||||||
tags: layout,animation,intermediate
|
tags: layout,animation
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-04-20T19:15:11+03:00
|
firstSeen: 2020-04-20T19:15:11+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Image rotate on hover
|
title: Image rotate on hover
|
||||||
tags: animation,visual,intermediate
|
tags: animation,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-04-20T18:36:11+03:00
|
firstSeen: 2020-04-20T18:36:11+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Responsive image mosaic
|
title: Responsive image mosaic
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-08-18T17:18:03+03:00
|
firstSeen: 2020-08-18T17:18:03+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Image overlay on hover
|
title: Image overlay on hover
|
||||||
tags: visual,animation,advanced
|
tags: visual,animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2020-04-20T14:12:33+03:00
|
firstSeen: 2020-04-20T14:12:33+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Input with prefix
|
title: Input with prefix
|
||||||
tags: interactivity,visual,intermediate
|
tags: interactivity,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-10-14T14:16:57+03:00
|
firstSeen: 2020-10-14T14:16:57+03:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Isometric card
|
title: Isometric card
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-17T14:04:52+03:00
|
firstSeen: 2021-05-17T14:04:52+03:00
|
||||||
lastUpdated: 2021-05-17T14:04:52+03:00
|
lastUpdated: 2021-05-17T14:04:52+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Trim multiline text
|
title: Trim multiline text
|
||||||
tags: layout,visual,intermediate
|
tags: layout,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-16T20:19:13+03:00
|
firstSeen: 2021-05-16T20:19:13+03:00
|
||||||
lastUpdated: 2021-05-16T20:19:13+03:00
|
lastUpdated: 2021-05-16T20:19:13+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Masonry Layout
|
title: Masonry Layout
|
||||||
tags: layout,advanced
|
tags: layout
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2019-12-11T02:19:05+02:00
|
firstSeen: 2019-12-11T02:19:05+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Mouse cursor gradient tracking
|
title: Mouse cursor gradient tracking
|
||||||
tags: visual,interactivity,advanced
|
tags: visual,interactivity
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2021-01-07T23:52:15+02:00
|
lastUpdated: 2021-01-07T23:52:15+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Navigation list item hover and focus effect
|
title: Navigation list item hover and focus effect
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2019-09-19T22:48:57+03:00
|
firstSeen: 2019-09-19T22:48:57+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Offscreen
|
title: Offscreen
|
||||||
tags: layout,visual,intermediate
|
tags: layout,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-30T18:50:31+03:00
|
firstSeen: 2018-03-30T18:50:31+03:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Overflow scroll gradient
|
title: Overflow scroll gradient
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Polka dot background pattern
|
title: Polka dot background pattern
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-01-11T09:51:43+02:00
|
firstSeen: 2021-01-11T09:51:43+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Popout menu
|
title: Popout menu
|
||||||
tags: interactivity,intermediate
|
tags: interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Pretty text underline
|
title: Pretty text underline
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Pulse loader
|
title: Pulse loader
|
||||||
tags: animation,beginner
|
tags: animation
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2019-10-05T14:29:36+03:00
|
firstSeen: 2019-10-05T14:29:36+03:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Reset all styles
|
title: Reset all styles
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-28T21:51:36+02:00
|
firstSeen: 2018-02-28T21:51:36+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Responsive layout with sidebar
|
title: Responsive layout with sidebar
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-09-16T18:54:56+03:00
|
firstSeen: 2020-09-16T18:54:56+03:00
|
||||||
lastUpdated: 2020-09-16T18:54:56+03:00
|
lastUpdated: 2020-09-16T18:54:56+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Rotating Card
|
title: Rotating Card
|
||||||
tags: animation,advanced
|
tags: animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2020-10-04T14:10:24+03:00
|
firstSeen: 2020-10-04T14:10:24+03:00
|
||||||
lastUpdated: 2021-03-30T15:24:01+03:00
|
lastUpdated: 2021-03-30T15:24:01+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Scroll progress bar
|
title: Scroll progress bar
|
||||||
tags: animation,visual,intermediate
|
tags: animation,visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2021-05-24T09:42:03+03:00
|
firstSeen: 2021-05-24T09:42:03+03:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Shape separator
|
title: Shape separator
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
unlisted: true
|
unlisted: true
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2021-01-04T12:30:40+02:00
|
lastUpdated: 2021-01-04T12:30:40+02:00
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Sibling fade
|
title: Sibling fade
|
||||||
tags: interactivity,intermediate
|
tags: interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2018-03-05T10:17:23+02:00
|
firstSeen: 2018-03-05T10:17:23+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Staggered animation
|
title: Staggered animation
|
||||||
tags: animation,advanced
|
tags: animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2020-03-16T12:19:05+02:00
|
firstSeen: 2020-03-16T12:19:05+02:00
|
||||||
lastUpdated: 2021-10-11T18:44:51+03:00
|
lastUpdated: 2021-10-11T18:44:51+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: List with sticky section headings
|
title: List with sticky section headings
|
||||||
tags: visual,intermediate
|
tags: visual
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-08-18T15:44:01+03:00
|
firstSeen: 2020-08-18T15:44:01+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Stripes background pattern
|
title: Stripes background pattern
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2021-01-11T09:51:43+02:00
|
firstSeen: 2021-01-11T09:51:43+02:00
|
||||||
lastUpdated: 2021-01-11T09:51:43+02:00
|
lastUpdated: 2021-01-11T09:51:43+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Stylized quotation marks
|
title: Stylized quotation marks
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2021-05-16T19:53:02+03:00
|
firstSeen: 2021-05-16T19:53:02+03:00
|
||||||
lastUpdated: 2021-05-16T19:53:02+03:00
|
lastUpdated: 2021-05-16T19:53:02+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: System font stack
|
title: System font stack
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Image text overlay
|
title: Image text overlay
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2020-08-18T15:07:32+03:00
|
firstSeen: 2020-08-18T15:07:32+03:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: 3-tile layout
|
title: 3-tile layout
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2019-10-02T09:51:59+03:00
|
firstSeen: 2019-10-02T09:51:59+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Toggle switch
|
title: Toggle switch
|
||||||
tags: visual,interactivity,beginner
|
tags: visual,interactivity
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-10-03T08:55:20+03:00
|
firstSeen: 2018-10-03T08:55:20+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Transform centering
|
title: Transform centering
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-03-30T17:59:28+03:00
|
firstSeen: 2018-03-30T17:59:28+03:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Triangle
|
title: Triangle
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Truncate multiline text
|
title: Truncate multiline text
|
||||||
tags: layout,intermediate
|
tags: layout
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2019-01-17T07:42:44+02:00
|
firstSeen: 2019-01-17T07:42:44+02:00
|
||||||
lastUpdated: 2021-01-07T23:52:15+02:00
|
lastUpdated: 2021-01-07T23:52:15+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Truncate text
|
title: Truncate text
|
||||||
tags: layout,beginner
|
tags: layout
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-02-25T15:14:39+02:00
|
firstSeen: 2018-02-25T15:14:39+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Typewriter effect
|
title: Typewriter effect
|
||||||
tags: animation,advanced
|
tags: animation
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2021-05-24T16:03:40+03:00
|
firstSeen: 2021-05-24T16:03:40+03:00
|
||||||
lastUpdated: 2021-05-24T16:03:40+03:00
|
lastUpdated: 2021-05-24T16:03:40+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Vertical scroll snap
|
title: Vertical scroll snap
|
||||||
tags: interactivity,intermediate
|
tags: interactivity
|
||||||
|
expertise: intermediate
|
||||||
firstSeen: 2020-08-18T14:25:46+03:00
|
firstSeen: 2020-08-18T14:25:46+03:00
|
||||||
lastUpdated: 2020-08-18T14:25:46+03:00
|
lastUpdated: 2020-08-18T14:25:46+03:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Zebra striped list
|
title: Zebra striped list
|
||||||
tags: visual,beginner
|
tags: visual
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2018-10-31T08:19:06+02:00
|
firstSeen: 2018-10-31T08:19:06+02:00
|
||||||
lastUpdated: 2020-12-30T15:37:37+02:00
|
lastUpdated: 2020-12-30T15:37:37+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Zig zag background pattern
|
title: Zig zag background pattern
|
||||||
tags: visual,advanced
|
tags: visual
|
||||||
|
expertise: advanced
|
||||||
firstSeen: 2021-01-11T09:51:43+02:00
|
firstSeen: 2021-01-11T09:51:43+02:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Zoom in zoom out animation
|
title: Zoom in zoom out animation
|
||||||
tags: animation,beginner
|
tags: animation
|
||||||
|
expertise: beginner
|
||||||
firstSeen: 2020-10-05T21:42:14+03:00
|
firstSeen: 2020-10-05T21:42:14+03:00
|
||||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||||
---
|
---
|
||||||
|
|||||||
Reference in New Issue
Block a user