diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 5f7b936e1..b47a8ddfa 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -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). - 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 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). - 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. diff --git a/snippet-template.md b/snippet-template.md index bb9ce9ecf..651ffc361 100644 --- a/snippet-template.md +++ b/snippet-template.md @@ -1,6 +1,7 @@ --- title: Snippet Name -tags: other,intermediate +tags: other +expertise: intermediate firstSeen: 2021-06-13T05:00:00-04:00 --- diff --git a/snippets/border-with-top-triangle.md b/snippets/border-with-top-triangle.md index 935caf06b..0b6ba6600 100644 --- a/snippets/border-with-top-triangle.md +++ b/snippets/border-with-top-triangle.md @@ -1,6 +1,7 @@ --- title: Border with top triangle -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2019-01-18T12:18:43+02:00 lastUpdated: 2021-01-07T23:52:15+02:00 --- diff --git a/snippets/bouncing-loader.md b/snippets/bouncing-loader.md index 201654723..35fc36d82 100644 --- a/snippets/bouncing-loader.md +++ b/snippets/bouncing-loader.md @@ -1,6 +1,7 @@ --- title: Bouncing loader -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2018-03-04T06:24:22+02:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/box-sizing-reset.md b/snippets/box-sizing-reset.md index 935775f45..001e9e9ec 100644 --- a/snippets/box-sizing-reset.md +++ b/snippets/box-sizing-reset.md @@ -1,6 +1,7 @@ --- title: Box-sizing reset -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-02-27T18:59:09+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/button-border-animation.md b/snippets/button-border-animation.md index 24debc983..a4520c658 100644 --- a/snippets/button-border-animation.md +++ b/snippets/button-border-animation.md @@ -1,6 +1,7 @@ --- title: Button border animation -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2019-01-21T18:52:46+02:00 lastUpdated: 2021-05-24T15:28:52+03:00 --- diff --git a/snippets/button-focus-swing-animation.md b/snippets/button-focus-swing-animation.md index 89bbee1dc..df216c045 100644 --- a/snippets/button-focus-swing-animation.md +++ b/snippets/button-focus-swing-animation.md @@ -1,6 +1,7 @@ --- title: Button swing animation -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2021-05-24T15:28:52+03:00 lastUpdated: 2021-05-24T15:28:52+03:00 --- diff --git a/snippets/button-hover-fill-animation.md b/snippets/button-hover-fill-animation.md index cb78d7197..d88657d43 100644 --- a/snippets/button-hover-fill-animation.md +++ b/snippets/button-hover-fill-animation.md @@ -1,6 +1,7 @@ --- title: Button fill animation -tags: animation,beginner +tags: animation +expertise: beginner firstSeen: 2020-10-08T20:48:11+03:00 lastUpdated: 2021-04-02T21:34:43+03:00 --- diff --git a/snippets/button-hover-grow-animation.md b/snippets/button-hover-grow-animation.md index 764141b61..c94570936 100644 --- a/snippets/button-hover-grow-animation.md +++ b/snippets/button-hover-grow-animation.md @@ -1,6 +1,7 @@ --- title: Button grow animation -tags: animation,beginner +tags: animation +expertise: beginner firstSeen: 2021-05-24T15:28:52+03:00 lastUpdated: 2021-05-24T15:28:52+03:00 --- diff --git a/snippets/button-hover-shrink-animation.md b/snippets/button-hover-shrink-animation.md index 1883bcac8..981e8632b 100644 --- a/snippets/button-hover-shrink-animation.md +++ b/snippets/button-hover-shrink-animation.md @@ -1,6 +1,7 @@ --- title: Button shrink animation -tags: animation,beginner +tags: animation +expertise: beginner firstSeen: 2021-05-24T15:28:52+03:00 lastUpdated: 2021-05-24T15:28:52+03:00 --- diff --git a/snippets/checkerboard-pattern.md b/snippets/checkerboard-pattern.md index 1a8cc9d70..e4d2a547e 100644 --- a/snippets/checkerboard-pattern.md +++ b/snippets/checkerboard-pattern.md @@ -1,6 +1,7 @@ --- title: Checkerboard background pattern -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2021-01-11T09:51:43+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/circle.md b/snippets/circle.md index 1747df6e6..26884a2fe 100644 --- a/snippets/circle.md +++ b/snippets/circle.md @@ -1,6 +1,7 @@ --- title: Circle -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-03-04T08:19:52+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/clearfix.md b/snippets/clearfix.md index 84c434313..8a93df795 100644 --- a/snippets/clearfix.md +++ b/snippets/clearfix.md @@ -1,6 +1,7 @@ --- title: Clearfix -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/constant-width-to-height-ratio.md b/snippets/constant-width-to-height-ratio.md index 7a4f31b00..7a5125302 100644 --- a/snippets/constant-width-to-height-ratio.md +++ b/snippets/constant-width-to-height-ratio.md @@ -1,6 +1,7 @@ --- title: Constant width to height ratio -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-02-27T10:45:26+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/counter.md b/snippets/counter.md index b7477afe4..7b464b23a 100644 --- a/snippets/counter.md +++ b/snippets/counter.md @@ -1,6 +1,7 @@ --- title: Counter -tags: visual,advanced +tags: visual +expertise: advanced firstSeen: 2018-03-07T22:12:42+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/custom-checkbox.md b/snippets/custom-checkbox.md index b53568bc5..df0c858e5 100644 --- a/snippets/custom-checkbox.md +++ b/snippets/custom-checkbox.md @@ -1,6 +1,7 @@ --- title: Custom checkbox -tags: visual,animation,advanced +tags: visual,animation +expertise: advanced firstSeen: 2021-05-16T13:09:15+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/custom-scrollbar.md b/snippets/custom-scrollbar.md index 777d576ec..de5ae97f4 100644 --- a/snippets/custom-scrollbar.md +++ b/snippets/custom-scrollbar.md @@ -1,6 +1,7 @@ --- title: Custom scrollbar -tags: visual,advanced +tags: visual +expertise: advanced firstSeen: 2018-03-01T10:34:55+02:00 lastUpdated: 2021-05-16T13:09:15+03:00 --- diff --git a/snippets/custom-text-selection.md b/snippets/custom-text-selection.md index 39688ed60..a7812cf20 100644 --- a/snippets/custom-text-selection.md +++ b/snippets/custom-text-selection.md @@ -1,6 +1,7 @@ --- title: Custom text selection -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md index 013015142..c5293c2d8 100644 --- a/snippets/disable-selection.md +++ b/snippets/disable-selection.md @@ -1,6 +1,7 @@ --- title: Disable selection -tags: interactivity,beginner +tags: interactivity +expertise: beginner firstSeen: 2018-02-26T19:09:58+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/display-table-centering.md b/snippets/display-table-centering.md index 096bac856..d82096170 100644 --- a/snippets/display-table-centering.md +++ b/snippets/display-table-centering.md @@ -1,6 +1,7 @@ --- title: Display table centering -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2018-03-30T01:15:54+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/donut-spinner.md b/snippets/donut-spinner.md index 64b18400e..64557f994 100644 --- a/snippets/donut-spinner.md +++ b/snippets/donut-spinner.md @@ -1,6 +1,7 @@ --- title: Donut spinner -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2018-02-27T17:32:35+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/drop-cap.md b/snippets/drop-cap.md index d96d80f38..ed7fefe04 100644 --- a/snippets/drop-cap.md +++ b/snippets/drop-cap.md @@ -1,6 +1,7 @@ --- title: Drop cap -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-10-13T07:47:30+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/dynamic-shadow.md b/snippets/dynamic-shadow.md index 72e27da08..3fc93103e 100644 --- a/snippets/dynamic-shadow.md +++ b/snippets/dynamic-shadow.md @@ -1,6 +1,7 @@ --- title: Dynamic shadow -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2018-03-05T13:51:36+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/etched-text.md b/snippets/etched-text.md index baa92db2d..32df2a937 100644 --- a/snippets/etched-text.md +++ b/snippets/etched-text.md @@ -1,6 +1,7 @@ --- title: Etched text -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/evenly-distributed-children.md b/snippets/evenly-distributed-children.md index 197c49174..edefc0161 100644 --- a/snippets/evenly-distributed-children.md +++ b/snippets/evenly-distributed-children.md @@ -1,6 +1,7 @@ --- title: Evenly distributed children -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2018-02-28T13:47:02+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/fit-image-in-container.md b/snippets/fit-image-in-container.md index 51c56141b..9b414d241 100644 --- a/snippets/fit-image-in-container.md +++ b/snippets/fit-image-in-container.md @@ -1,6 +1,7 @@ --- title: Fit image in container -tags: layout,visual,intermediate +tags: layout,visual +expertise: intermediate firstSeen: 2018-10-31T08:34:49+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/flexbox-centering.md b/snippets/flexbox-centering.md index 45a5011fc..8914849d9 100644 --- a/snippets/flexbox-centering.md +++ b/snippets/flexbox-centering.md @@ -1,6 +1,7 @@ --- title: Flexbox centering -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-03-03T11:57:27+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/floating-list-titles.md b/snippets/floating-list-titles.md index cbfc3e4c3..deb5da6d8 100644 --- a/snippets/floating-list-titles.md +++ b/snippets/floating-list-titles.md @@ -1,6 +1,7 @@ --- title: List with floating section headings -tags: visual,advanced +tags: visual +expertise: advanced firstSeen: 2020-08-18T15:44:01+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/fluid-typography.md b/snippets/fluid-typography.md index 2e34914f6..deb048817 100644 --- a/snippets/fluid-typography.md +++ b/snippets/fluid-typography.md @@ -1,6 +1,7 @@ --- title: Fluid typography -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2021-05-16T11:23:05+03:00 lastUpdated: 2021-05-16T11:23:05+03:00 --- diff --git a/snippets/focus-within.md b/snippets/focus-within.md index 88b486da6..3a605fdbc 100644 --- a/snippets/focus-within.md +++ b/snippets/focus-within.md @@ -1,6 +1,7 @@ --- title: Focus Within -tags: visual,interactivity,intermediate +tags: visual,interactivity +expertise: intermediate firstSeen: 2018-10-23T03:58:13+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/full-width.md b/snippets/full-width.md index da065ffa4..1e081bfda 100644 --- a/snippets/full-width.md +++ b/snippets/full-width.md @@ -1,6 +1,7 @@ --- title: Full-width image -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2021-01-07T10:14:46+02:00 lastUpdated: 2021-01-07T10:14:46+02:00 --- diff --git a/snippets/fullscreen.md b/snippets/fullscreen.md index 3edf4938f..e5fff7393 100644 --- a/snippets/fullscreen.md +++ b/snippets/fullscreen.md @@ -1,6 +1,7 @@ --- title: Fullscreen -tags: visual,advanced +tags: visual +expertise: advanced firstSeen: 2019-01-12T13:08:40+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/gradient-text.md b/snippets/gradient-text.md index 1e567d215..00731cc92 100644 --- a/snippets/gradient-text.md +++ b/snippets/gradient-text.md @@ -1,6 +1,7 @@ --- title: Gradient text -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/grid-centering.md b/snippets/grid-centering.md index 592cdfb51..b560f17b8 100644 --- a/snippets/grid-centering.md +++ b/snippets/grid-centering.md @@ -1,6 +1,7 @@ --- title: Grid centering -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-03-03T12:13:59+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/hamburger-button.md b/snippets/hamburger-button.md index 1795da92d..876213aaf 100644 --- a/snippets/hamburger-button.md +++ b/snippets/hamburger-button.md @@ -1,6 +1,7 @@ --- title: Hamburger Button -tags: interactivity,intermediate +tags: interactivity +expertise: intermediate firstSeen: 2019-10-10T03:49:38+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/height-transition.md b/snippets/height-transition.md index c0e31cea4..160a9ae79 100644 --- a/snippets/height-transition.md +++ b/snippets/height-transition.md @@ -1,6 +1,7 @@ --- title: Height transition -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2018-03-17T10:53:02+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/horizontal-scroll-snap.md b/snippets/horizontal-scroll-snap.md index 8b7e62b69..faeb2b5e0 100644 --- a/snippets/horizontal-scroll-snap.md +++ b/snippets/horizontal-scroll-snap.md @@ -1,6 +1,7 @@ --- title: Horizontal scroll snap -tags: interactivity,intermediate +tags: interactivity +expertise: intermediate firstSeen: 2020-08-18T14:25:46+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/hover-additional-content.md b/snippets/hover-additional-content.md index d2b7e24fa..b7468ef5d 100644 --- a/snippets/hover-additional-content.md +++ b/snippets/hover-additional-content.md @@ -1,6 +1,7 @@ --- title: Show additional content on hover -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2020-08-18T16:40:23+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/hover-pespective.md b/snippets/hover-pespective.md index 14041164a..4c13da9c8 100644 --- a/snippets/hover-pespective.md +++ b/snippets/hover-pespective.md @@ -1,6 +1,7 @@ --- title: Perspective transform on hover -tags: animation,intermediate +tags: animation +expertise: intermediate firstSeen: 2021-05-17T13:58:04+03:00 lastUpdated: 2021-05-17T13:58:04+03:00 --- diff --git a/snippets/hover-shadow-box-animation.md b/snippets/hover-shadow-box-animation.md index d5d68d167..4cd9ed7fa 100644 --- a/snippets/hover-shadow-box-animation.md +++ b/snippets/hover-shadow-box-animation.md @@ -1,6 +1,7 @@ --- title: Hover shadow box animation -tags: animation,intermediate +tags: animation +expertise: intermediate unlisted: true firstSeen: 2018-03-06T23:41:55+02:00 lastUpdated: 2021-01-04T12:30:40+02:00 diff --git a/snippets/hover-underline-animation.md b/snippets/hover-underline-animation.md index 72fb24d15..d9202d75a 100644 --- a/snippets/hover-underline-animation.md +++ b/snippets/hover-underline-animation.md @@ -1,6 +1,7 @@ --- title: Hover underline animation -tags: animation,advanced +tags: animation +expertise: advanced firstSeen: 2018-02-28T13:19:22+02:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/image-hover-menu.md b/snippets/image-hover-menu.md index 868e7b384..649e20c19 100644 --- a/snippets/image-hover-menu.md +++ b/snippets/image-hover-menu.md @@ -1,6 +1,7 @@ --- title: Menu on image hover -tags: layout,animation,intermediate +tags: layout,animation +expertise: intermediate firstSeen: 2020-04-20T19:15:11+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/image-hover-rotate.md b/snippets/image-hover-rotate.md index d1bbe6747..186bf5645 100644 --- a/snippets/image-hover-rotate.md +++ b/snippets/image-hover-rotate.md @@ -1,6 +1,7 @@ --- title: Image rotate on hover -tags: animation,visual,intermediate +tags: animation,visual +expertise: intermediate firstSeen: 2020-04-20T18:36:11+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/image-mosaic.md b/snippets/image-mosaic.md index 6c1e0ff59..d0d22a202 100644 --- a/snippets/image-mosaic.md +++ b/snippets/image-mosaic.md @@ -1,6 +1,7 @@ --- title: Responsive image mosaic -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2020-08-18T17:18:03+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/image-overlay-hover.md b/snippets/image-overlay-hover.md index 5745649dc..2e8093b66 100644 --- a/snippets/image-overlay-hover.md +++ b/snippets/image-overlay-hover.md @@ -1,6 +1,7 @@ --- title: Image overlay on hover -tags: visual,animation,advanced +tags: visual,animation +expertise: advanced firstSeen: 2020-04-20T14:12:33+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/input-with-prefix.md b/snippets/input-with-prefix.md index 2820fb8c8..eb49dd1fd 100644 --- a/snippets/input-with-prefix.md +++ b/snippets/input-with-prefix.md @@ -1,6 +1,7 @@ --- title: Input with prefix -tags: interactivity,visual,intermediate +tags: interactivity,visual +expertise: intermediate firstSeen: 2020-10-14T14:16:57+03:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/isometric-card.md b/snippets/isometric-card.md index aa6205f19..b79ebfdc0 100644 --- a/snippets/isometric-card.md +++ b/snippets/isometric-card.md @@ -1,6 +1,7 @@ --- title: Isometric card -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2021-05-17T14:04:52+03:00 lastUpdated: 2021-05-17T14:04:52+03:00 --- diff --git a/snippets/line-clamp.md b/snippets/line-clamp.md index 686d55343..3d76bde57 100644 --- a/snippets/line-clamp.md +++ b/snippets/line-clamp.md @@ -1,6 +1,7 @@ --- title: Trim multiline text -tags: layout,visual,intermediate +tags: layout,visual +expertise: intermediate firstSeen: 2021-05-16T20:19:13+03:00 lastUpdated: 2021-05-16T20:19:13+03:00 --- diff --git a/snippets/masonry-layout.md b/snippets/masonry-layout.md index 57872ac32..4ccbdf6d1 100644 --- a/snippets/masonry-layout.md +++ b/snippets/masonry-layout.md @@ -1,6 +1,7 @@ --- title: Masonry Layout -tags: layout,advanced +tags: layout +expertise: advanced firstSeen: 2019-12-11T02:19:05+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/mouse-cursor-gradient-tracking.md b/snippets/mouse-cursor-gradient-tracking.md index 8918593ff..bdb174fe3 100644 --- a/snippets/mouse-cursor-gradient-tracking.md +++ b/snippets/mouse-cursor-gradient-tracking.md @@ -1,6 +1,7 @@ --- title: Mouse cursor gradient tracking -tags: visual,interactivity,advanced +tags: visual,interactivity +expertise: advanced firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2021-01-07T23:52:15+02:00 --- diff --git a/snippets/navigation-list-item-hover-and-focus-effect.md b/snippets/navigation-list-item-hover-and-focus-effect.md index 3c8b61230..bde1c4ac5 100644 --- a/snippets/navigation-list-item-hover-and-focus-effect.md +++ b/snippets/navigation-list-item-hover-and-focus-effect.md @@ -1,6 +1,7 @@ --- title: Navigation list item hover and focus effect -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2019-09-19T22:48:57+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/offscreen.md b/snippets/offscreen.md index 559601084..d8ce4d186 100644 --- a/snippets/offscreen.md +++ b/snippets/offscreen.md @@ -1,6 +1,7 @@ --- title: Offscreen -tags: layout,visual,intermediate +tags: layout,visual +expertise: intermediate firstSeen: 2018-03-30T18:50:31+03:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/overflow-scroll-gradient.md b/snippets/overflow-scroll-gradient.md index b4f02f5b1..22c352576 100644 --- a/snippets/overflow-scroll-gradient.md +++ b/snippets/overflow-scroll-gradient.md @@ -1,6 +1,7 @@ --- title: Overflow scroll gradient -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/polka-dot-pattern.md b/snippets/polka-dot-pattern.md index 73bb540df..3c8f1fa0c 100644 --- a/snippets/polka-dot-pattern.md +++ b/snippets/polka-dot-pattern.md @@ -1,6 +1,7 @@ --- title: Polka dot background pattern -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2021-01-11T09:51:43+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/popout-menu.md b/snippets/popout-menu.md index c26e96d25..9a84b7fd9 100644 --- a/snippets/popout-menu.md +++ b/snippets/popout-menu.md @@ -1,6 +1,7 @@ --- title: Popout menu -tags: interactivity,intermediate +tags: interactivity +expertise: intermediate firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/pretty-text-underline.md b/snippets/pretty-text-underline.md index 8c7c88779..cec8c18f4 100644 --- a/snippets/pretty-text-underline.md +++ b/snippets/pretty-text-underline.md @@ -1,6 +1,7 @@ --- title: Pretty text underline -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/pulse-loader.md b/snippets/pulse-loader.md index 753acb80e..a08ca44aa 100644 --- a/snippets/pulse-loader.md +++ b/snippets/pulse-loader.md @@ -1,6 +1,7 @@ --- title: Pulse loader -tags: animation,beginner +tags: animation +expertise: beginner firstSeen: 2019-10-05T14:29:36+03:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/reset-all-styles.md b/snippets/reset-all-styles.md index f0004f247..56f571b73 100644 --- a/snippets/reset-all-styles.md +++ b/snippets/reset-all-styles.md @@ -1,6 +1,7 @@ --- title: Reset all styles -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-02-28T21:51:36+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/responsive-layout-sidebar.md b/snippets/responsive-layout-sidebar.md index 7d77f756a..2a7343e08 100644 --- a/snippets/responsive-layout-sidebar.md +++ b/snippets/responsive-layout-sidebar.md @@ -1,6 +1,7 @@ --- title: Responsive layout with sidebar -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2020-09-16T18:54:56+03:00 lastUpdated: 2020-09-16T18:54:56+03:00 --- diff --git a/snippets/rotating-card.md b/snippets/rotating-card.md index bf20bcc5f..6731be4c8 100644 --- a/snippets/rotating-card.md +++ b/snippets/rotating-card.md @@ -1,6 +1,7 @@ --- title: Rotating Card -tags: animation,advanced +tags: animation +expertise: advanced firstSeen: 2020-10-04T14:10:24+03:00 lastUpdated: 2021-03-30T15:24:01+03:00 --- diff --git a/snippets/scroll-progress-bar.md b/snippets/scroll-progress-bar.md index 355764338..39e07a916 100644 --- a/snippets/scroll-progress-bar.md +++ b/snippets/scroll-progress-bar.md @@ -1,6 +1,7 @@ --- title: Scroll progress bar -tags: animation,visual,intermediate +tags: animation,visual +expertise: intermediate firstSeen: 2021-05-24T09:42:03+03:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/shape-separator.md b/snippets/shape-separator.md index 5a6aa4c5c..aa95a9629 100644 --- a/snippets/shape-separator.md +++ b/snippets/shape-separator.md @@ -1,6 +1,7 @@ --- title: Shape separator -tags: visual,intermediate +tags: visual +expertise: intermediate unlisted: true firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2021-01-04T12:30:40+02:00 diff --git a/snippets/sibling-fade.md b/snippets/sibling-fade.md index 9ff1eca0d..3f52d1bae 100644 --- a/snippets/sibling-fade.md +++ b/snippets/sibling-fade.md @@ -1,6 +1,7 @@ --- title: Sibling fade -tags: interactivity,intermediate +tags: interactivity +expertise: intermediate firstSeen: 2018-03-05T10:17:23+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/staggered-animation.md b/snippets/staggered-animation.md index 690cd6038..ae1ff8951 100644 --- a/snippets/staggered-animation.md +++ b/snippets/staggered-animation.md @@ -1,6 +1,7 @@ --- title: Staggered animation -tags: animation,advanced +tags: animation +expertise: advanced firstSeen: 2020-03-16T12:19:05+02:00 lastUpdated: 2021-10-11T18:44:51+03:00 --- diff --git a/snippets/sticky-list-titles.md b/snippets/sticky-list-titles.md index 566f9f0f9..737cdfeb5 100644 --- a/snippets/sticky-list-titles.md +++ b/snippets/sticky-list-titles.md @@ -1,6 +1,7 @@ --- title: List with sticky section headings -tags: visual,intermediate +tags: visual +expertise: intermediate firstSeen: 2020-08-18T15:44:01+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/stripes-pattern.md b/snippets/stripes-pattern.md index 0f6686d92..db60b3fd2 100644 --- a/snippets/stripes-pattern.md +++ b/snippets/stripes-pattern.md @@ -1,6 +1,7 @@ --- title: Stripes background pattern -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2021-01-11T09:51:43+02:00 lastUpdated: 2021-01-11T09:51:43+02:00 --- diff --git a/snippets/stylized-quotation-marks.md b/snippets/stylized-quotation-marks.md index 4a6d2a90b..0f1ff16fd 100644 --- a/snippets/stylized-quotation-marks.md +++ b/snippets/stylized-quotation-marks.md @@ -1,6 +1,7 @@ --- title: Stylized quotation marks -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2021-05-16T19:53:02+03:00 lastUpdated: 2021-05-16T19:53:02+03:00 --- diff --git a/snippets/system-font-stack.md b/snippets/system-font-stack.md index 97155d02f..a372db63f 100644 --- a/snippets/system-font-stack.md +++ b/snippets/system-font-stack.md @@ -1,6 +1,7 @@ --- title: System font stack -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/text-backdrop-overlay.md b/snippets/text-backdrop-overlay.md index b46571a06..0999207d0 100644 --- a/snippets/text-backdrop-overlay.md +++ b/snippets/text-backdrop-overlay.md @@ -1,6 +1,7 @@ --- title: Image text overlay -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2020-08-18T15:07:32+03:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/tile-layout-using-inline-block.md b/snippets/tile-layout-using-inline-block.md index 4667f0e1e..6b04a6453 100644 --- a/snippets/tile-layout-using-inline-block.md +++ b/snippets/tile-layout-using-inline-block.md @@ -1,6 +1,7 @@ --- title: 3-tile layout -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2019-10-02T09:51:59+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/toggle-switch.md b/snippets/toggle-switch.md index dea62fcc7..d88b1506c 100644 --- a/snippets/toggle-switch.md +++ b/snippets/toggle-switch.md @@ -1,6 +1,7 @@ --- title: Toggle switch -tags: visual,interactivity,beginner +tags: visual,interactivity +expertise: beginner firstSeen: 2018-10-03T08:55:20+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/transform-centering.md b/snippets/transform-centering.md index dbac86181..e544c5e2b 100644 --- a/snippets/transform-centering.md +++ b/snippets/transform-centering.md @@ -1,6 +1,7 @@ --- title: Transform centering -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-03-30T17:59:28+03:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/triangle.md b/snippets/triangle.md index 8d7521a6e..009f377ff 100644 --- a/snippets/triangle.md +++ b/snippets/triangle.md @@ -1,6 +1,7 @@ --- title: Triangle -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/truncate-text-multiline.md b/snippets/truncate-text-multiline.md index 9f2b153fc..5e55d683b 100644 --- a/snippets/truncate-text-multiline.md +++ b/snippets/truncate-text-multiline.md @@ -1,6 +1,7 @@ --- title: Truncate multiline text -tags: layout,intermediate +tags: layout +expertise: intermediate firstSeen: 2019-01-17T07:42:44+02:00 lastUpdated: 2021-01-07T23:52:15+02:00 --- diff --git a/snippets/truncate-text.md b/snippets/truncate-text.md index 18d9dd62a..f922a7544 100644 --- a/snippets/truncate-text.md +++ b/snippets/truncate-text.md @@ -1,6 +1,7 @@ --- title: Truncate text -tags: layout,beginner +tags: layout +expertise: beginner firstSeen: 2018-02-25T15:14:39+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/typewriter-effect.md b/snippets/typewriter-effect.md index 1aed7692a..d8db83753 100644 --- a/snippets/typewriter-effect.md +++ b/snippets/typewriter-effect.md @@ -1,6 +1,7 @@ --- title: Typewriter effect -tags: animation,advanced +tags: animation +expertise: advanced firstSeen: 2021-05-24T16:03:40+03:00 lastUpdated: 2021-05-24T16:03:40+03:00 --- diff --git a/snippets/vertical-scroll-snap.md b/snippets/vertical-scroll-snap.md index 74a8f91e0..65e67efd0 100644 --- a/snippets/vertical-scroll-snap.md +++ b/snippets/vertical-scroll-snap.md @@ -1,6 +1,7 @@ --- title: Vertical scroll snap -tags: interactivity,intermediate +tags: interactivity +expertise: intermediate firstSeen: 2020-08-18T14:25:46+03:00 lastUpdated: 2020-08-18T14:25:46+03:00 --- diff --git a/snippets/zebra-striped-list.md b/snippets/zebra-striped-list.md index c5e37793f..82690fdd7 100644 --- a/snippets/zebra-striped-list.md +++ b/snippets/zebra-striped-list.md @@ -1,6 +1,7 @@ --- title: Zebra striped list -tags: visual,beginner +tags: visual +expertise: beginner firstSeen: 2018-10-31T08:19:06+02:00 lastUpdated: 2020-12-30T15:37:37+02:00 --- diff --git a/snippets/zig-zag-pattern.md b/snippets/zig-zag-pattern.md index 318780a94..91e80db0c 100644 --- a/snippets/zig-zag-pattern.md +++ b/snippets/zig-zag-pattern.md @@ -1,6 +1,7 @@ --- title: Zig zag background pattern -tags: visual,advanced +tags: visual +expertise: advanced firstSeen: 2021-01-11T09:51:43+02:00 lastUpdated: 2021-10-13T19:29:39+02:00 --- diff --git a/snippets/zoomin-zoomout-animation.md b/snippets/zoomin-zoomout-animation.md index a0f70649f..96126e4a8 100644 --- a/snippets/zoomin-zoomout-animation.md +++ b/snippets/zoomin-zoomout-animation.md @@ -1,6 +1,7 @@ --- title: Zoom in zoom out animation -tags: animation,beginner +tags: animation +expertise: beginner firstSeen: 2020-10-05T21:42:14+03:00 lastUpdated: 2021-10-13T19:29:39+02:00 ---