CSS Snippets - 30 seconds of code

[https://www.30secondsofcode.org/css/p/1] - 2021-09-23 10:18:06 - public:xxx

animation, css, design, howto, snippets, webdesign - 6 | id:795039 -

Starback Demo - falling star website backround

[https://zuramai.github.io/starback.js/] - 2021-09-16 13:10:55 - public:xxx

background, falling, nice, stars, webdesign - 5 | id:793201 -

overscroll-behavior | CSS-Tricks

[https://css-tricks.com/almanac/properties/o/overscroll-behavior/] - 2021-09-16 13:08:47 - public:xxx

css, scroll, scrollsnap, webdesign, webdev - 5 | id:793200 -

Interactive Learning Tools For Front-End Developers — Smashing Magazine

[https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/] - 2021-09-08 19:54:17 - public:xxx

css, design, frontend, learn, tools, webdesign - 6 | id:788304 -

Openby.design

[https://openby.design/?0] - 2021-08-22 20:12:51 - public:xxx

dashboard, design, downloads, free, graphics, html, opensource, templates, webdesign - 9 | id:764351 -

Free UI components design dashboards screen html templates

CSS Transforms tutorial

[https://www.joshwcomeau.com/css/transforms/] - 2021-08-20 19:28:40 - public:xxx

animation, css, csstransform, html, learn, transform, translate, tutorials, webdesign, webdev - 10 | id:762682 -

CSS Transforms tutorial

[https://www.joshwcomeau.com/css/transforms/?ref=sidebar] - 2021-08-10 09:11:14 - public:xxx

animation, css, csstransform, design, programming, transform, transition, webdesign, webdev - 9 | id:745111 -

Web Features That May Not Work As You’d Expect | CSS-Tricks

[https://css-tricks.com/web-features-that-may-not-work-as-youd-expect/] - 2021-07-26 13:50:56 - public:xxx

css, html, learn, to_read, webdesign, webdev - 6 | id:744488 -

Trackball Rotation using Quaternions • Computer Science and Machine Learning

[https://www.xarg.org/2021/07/trackball-rotation-using-quaternions/] - 2021-07-24 13:59:00 - public:xxx

cube, graphics, html, nice, webdesign - 5 | id:742114 -

Unicode Arrows

[https://unicodearrows.com/all-arrows] - 2021-07-22 13:45:40 - public:xxx

arrows, ascii, characters, html, unicode, webdesign - 6 | id:742089 -

html char character ascii code for arrows drawings

Glassmorphism CSS Generator - Glass UI

[https://ui.glass/generator/] - 2021-07-16 15:10:34 - public:xxx

background, css, generator, glass, opaque, transperent, webdesign - 7 | id:741996 -

Glass opaque transparent background generator

Explore | GradientArt

[https://gra.dient.art/explore] - 2021-07-16 14:26:13 - public:xxx

background, css, editor, gradient, html5, webdesign - 6 | id:741992 -

Nice backgrounds using gradient for css

100 Beautiful Mesh Gradients - Free Download

[https://www.meshgradients.design/] - 2021-07-08 12:06:31 - public:xxx

background, downloads, gradient, mesh, webdesign - 5 | id:741900 -

Animate on scroll using IntersectionObserver - DEV Community

[https://dev.to/keefdrive/animate-on-scroll-using-intersectionobserver-5dg1] - 2021-07-08 11:56:26 - public:xxx

code, IntersectionObserver, javascript, js, snippets, webdesign, webdev - 7 | id:741899 -

Learn CSS

[https://web.dev/learn/css/] - 2021-05-28 18:59:51 - public:xxx

css, design, learn, programming, tutorials, webdesign - 6 | id:684198 -

Chart.js | Open source HTML5 Charts for your website

[https://www.chartjs.org/] - 2021-05-28 18:50:22 - public:xxx

alternative, charts, graphs, js, library, webdesign, webdev, webdevelopment - 8 | id:684196 -

CSS Filters Generator - Modify images with CSS/SVG only - JustCode.today

[https://justcode.today/filters/] - 2021-05-06 10:00:54 - public:xxx

css, filter, generator, html, webdesign, webdev - 6 | id:683868 -

Iconic — Free “do wtf you want with” pixel-perfect icons

[https://iconic.app/] - 2021-05-06 09:58:36 - public:xxx

downloads, free, icon, icons, list, webdesign - 6 | id:683867 -

Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]

[https://wiki.csswg.org/ideas/mistakes] - 2021-04-29 07:11:23 - public:xxx

css, mistakes, tips, webdesign, webdev - 5 | id:683582 -

CSS Tips - Marko Denic - Web Developer

[https://markodenic.com/css-tips/] - 2021-04-28 14:28:40 - public:xxx

code, css, learn, snippets, tips, to_read, webdesign, webdev - 8 | id:683565 -

Cool simple CSS tipsCool simple CSS tipsCool simple CSS tipsCool simple CSS tips

Subjects – Old Book Illustrations

[https://www.oldbookillustrations.com/subjects/] - 2021-04-23 18:54:56 - public:xxx

books, drawings, free, images, nice, resources, webdesign - 7 | id:683510 -

Beautiful PDFs from HTML

[https://pdf.math.dev/] - 2021-04-15 19:47:11 - public:xxx

css, html, pdf, webdesign - 4 | id:683391 -

CSS for PDF creating HTML

My current HTML boilerplate - Manuel Matuzović

[https://www.matuzo.at/blog/html-boilerplate/] - 2021-04-15 19:21:54 - public:xxx

boilerplate, bootstrap, code, html, html5, minimalism, sample, template, webdesign, webdev - 10 | id:683389 -

Free Font Alternatives: The Ultimate Guide – Learn UI Design

[https://learnui.design/blog/ultimate-guide-similar-fonts.html] - 2021-04-02 16:25:54 - public:xxx

downloads, fonts, free, webdesign - 4 | id:678618 -

GitHub - luruke/aladino:

[https://github.com/luruke/aladino] - 2021-03-25 20:00:12 - public:xxx

javascript, js, library, photos, webdesign, webgl - 6 | id:676652 -

Javascript library for nice effect on photos

Primitive UI - CSS Framework & Sass Boilerplate

[https://taniarascia.github.io/primitive/] - 2021-03-19 06:47:39 - public:iaeiou

boilerplate, css, framework, sass, webdesign, webdev - 6 | id:574322 -

Primitive UI - CSS Framework & Sass Boilerplate

[https://taniarascia.github.io/primitive/] - 2021-03-18 22:01:25 - public:xxx

boilerplate, css, framework, reset, webdesign, webdev - 6 | id:574316 -

Visual Sitemap Generator

[https://octopus.do/sitemap/resource/generator/] - 2021-03-14 10:05:34 - public:Losteden

Create website, Diagram, Mindmap, Sitemap, Web, Webdesign, Webdev - 7 | id:574253 -

Content Brick Method

[https://octopus.do/journal/content-brick-method/] - 2021-03-14 10:03:42 - public:Losteden

Diagram, Mindmap, Sitemap, Webdesign - 4 | id:574252 -

Octopus.do Visual Sitemap Builder

[https://octopus.do/] - 2021-03-12 22:46:04 - public:Losteden

Diagram, Mindmap, Sitemap, Visualization, Web, Webdesign, Webdev - 7 | id:574232 -

Simple CSS Line Hover Animations for Links | Codrops

[https://tympanus.net/codrops/2021/02/10/simple-css-line-hover-animations-for-links/] - 2021-02-16 09:25:12 - public:xxx

css, effects, hover, tutorials, underline, webdesign - 6 | id:573859 -

Penpot - Design Freedom for Teams

[https://penpot.app/] - 2021-02-13 13:58:33 - public:xxx

design, free, graphics, online, opensource, webdesign - 6 | id:573811 -

https://github.com/penpot/penpot

CSS transitions and hover animations, an interactive guide

[https://www.joshwcomeau.com/animation/css-transitions/] - 2021-02-10 19:21:26 - public:xxx

animation, css, design, transition, translate, tutorials, webdesign, webdev - 8 | id:573773 -

AnimXYZ

[https://animxyz.com/] - 2021-01-07 21:17:10 - public:xxx

animation, code, css, webdesign - 4 | id:485613 -

Create CSS animations online

How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog

[https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs?ref=sidebar] - 2020-12-25 17:22:55 - public:xxx

favicon, howto, html, webdesign - 4 | id:485282 -

Pattern Generator | Create Seamless, Royalty-Free Patterns.

[https://doodad.dev/pattern-generator/] - 2020-12-23 09:22:22 - public:xxx

background, generator, patterns, svg, webdesign - 5 | id:476329 -

Centering in CSS

[https://web.dev/centering-in-css/] - 2020-12-22 09:20:07 - public:xxx

centering, css, flex, flexgrid, grid, webdesign, webdev - 7 | id:476318 -

flex, grid, css, programming

noUiSlider - JavaScript Range Slider | Refreshless.com

[https://refreshless.com/nouislider/] - 2020-12-10 09:36:03 - public:xxx

javascript, js, library, slider, vanilla, webcomponents, webdesign, webdev, widget - 9 | id:466630 -

The Rules of Margin Collapse

[https://www.joshwcomeau.com/css/rules-of-margin-collapse/] - 2020-12-10 09:35:12 - public:xxx

collapse, css, learn, margin, rules, webdesign, webdev - 7 | id:466629 -

CSS Scroll Snap

[https://ishadeed.com/article/css-scroll-snap/?ref=sidebar] - 2020-12-09 09:20:30 - public:xxx

css, howto, mobile, scroll, scrollsnap, webdesign, webdev - 7 | id:466620 -

CSS Flexbox Tutorial for Beginners (With Interactive Examples)

[https://www.codeinwp.com/blog/css-flexbox-tutorial/] - 2020-12-03 15:46:37 - public:xxx

css, flex, flexgrid, learn, tutorials, webdesign, webdev - 7 | id:438444 -

(3) Minko Gechev on Twitter: “You can use only CSS to create resizable elements! Just set “resize: both“ and you'd enable vertical and horizontal resizing in a single line

[https://twitter.com/mgechev/status/1333312374279991301] - 2020-12-03 15:45:24 - public:xxx

css, resize, tricks, webdesign - 4 | id:438443 -

The State of CSS 2020

[https://2020.stateofcss.com/en-US/] - 2020-12-03 15:43:03 - public:xxx

css, results, survey, webdesign, webdev - 5 | id:438441 -

Awesome Demos Roundup #18 | Codrops

[https://tympanus.net/codrops/2020/10/28/awesome-demos-roundup-18/] - 2020-10-29 10:37:48 - public:xxx

amazing, demo, graphics, webdesign, webdev, webgl - 6 | id:436603 -

Svg Wave - A free & beautiful gradient SVG wave Generator.

[https://svgwave.in/] - 2020-10-24 15:09:58 - public:xxx

background, dynamic, svg, waves, webdesign - 5 | id:426251 -

Dynamic background

tsParticles 1.18.0 released - DEV

[https://dev.to/matteobruni/tsparticles-1-18-0-released-7gk] - 2020-10-15 09:11:42 - public:xxx

design, javascript, js, library, nice, webdesign, webdev, widget - 8 | id:423973 -

Nice particles affect

Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers

[https://polypane.app/css-3d-transform-examples/] - 2020-10-06 12:52:37 - public:xxx

3d, cards, css, design, nice, snippets, webdesign, widget - 8 | id:415552 -

BGJar | Free svg background image generator for your websites

[https://bgjar.com/] - 2020-09-19 16:00:19 - public:xxx

background, design, downloads, nice, svg, web, webdesign - 7 | id:385035 -

Heroicons

[https://heroicons.com/] - 2020-08-29 13:43:44 - public:xxx

downloads, free, icon, icons, svg, webdesign - 6 | id:375866 -

Gradient Magic - Fantastic and Unique CSS Gradients

[https://www.gradientmagic.com/] - 2020-08-21 15:52:56 - public:xxx

background, css, webdesign - 3 | id:366388 -

Search

Results

CSS Snippets - 30 seconds of code

Starback Demo - falling star website backround

overscroll-behavior | CSS-Tricks

Interactive Learning Tools For Front-End Developers — Smashing Magazine

Openby.design

CSS Transforms tutorial

CSS Transforms tutorial

Web Features That May Not Work As You’d Expect | CSS-Tricks

Trackball Rotation using Quaternions • Computer Science and Machine Learning

Unicode Arrows

Glassmorphism CSS Generator - Glass UI

Explore | GradientArt

100 Beautiful Mesh Gradients - Free Download

Animate on scroll using IntersectionObserver - DEV Community

Learn CSS

Chart.js | Open source HTML5 Charts for your website

CSS Filters Generator - Modify images with CSS/SVG only - JustCode.today

Iconic — Free “do wtf you want with” pixel-perfect icons

Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]

CSS Tips - Marko Denic - Web Developer

Subjects – Old Book Illustrations

Beautiful PDFs from HTML

My current HTML boilerplate - Manuel Matuzović

Free Font Alternatives: The Ultimate Guide – Learn UI Design

GitHub - luruke/aladino:

Primitive UI - CSS Framework & Sass Boilerplate

Primitive UI - CSS Framework & Sass Boilerplate

Visual Sitemap Generator

Content Brick Method

Octopus.do Visual Sitemap Builder

Simple CSS Line Hover Animations for Links | Codrops

Penpot - Design Freedom for Teams

CSS transitions and hover animations, an interactive guide

AnimXYZ

How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog

Pattern Generator | Create Seamless, Royalty-Free Patterns.

Centering in CSS

noUiSlider - JavaScript Range Slider | Refreshless.com

The Rules of Margin Collapse

CSS Scroll Snap

CSS Flexbox Tutorial for Beginners (With Interactive Examples)

(3) Minko Gechev on Twitter: “You can use *only* CSS to create resizable elements! Just set “resize: both“ and you'd enable vertical and horizontal resizing in a single line

The State of CSS 2020

Awesome Demos Roundup #18 | Codrops

Svg Wave - A free & beautiful gradient SVG wave Generator.

tsParticles 1.18.0 released - DEV

Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers

BGJar | Free svg background image generator for your websites

Heroicons

Gradient Magic - Fantastic and Unique CSS Gradients

Follow Tags

Export:

(3) Minko Gechev on Twitter: “You can use only CSS to create resizable elements! Just set “resize: both“ and you'd enable vertical and horizontal resizing in a single line