CSS Selectors: A Visual Guide & Reference | fffuel [https://fffuel.co/css-selectors/] - 2023-08-19 14:49:26 - public:xxx css, howto, selectors, visualization - 4 | id:1483909 -
Ten tips for better CSS transitions and animations - Josh Collinsworth blog [https://joshcollinsworth.com/blog/great-transitions] - 2023-03-15 19:33:06 - public:xxx animation, bestpractices, css, webdesign - 4 | id:1378023 -
All elements made with CSS and HTML [https://uiverse.io/all] - 2022-12-31 12:07:15 - public:xxx css, design, elements, html, snippets, ui, webdesign - 7 | id:1294751 -
The large, small, and dynamic viewport units [https://web.dev/viewport-units/] - 2022-12-01 15:19:08 - public:xxx css, learn, viewport, webdesign - 4 | id:1294525 -
An Interactive Guide to Flexbox in CSS [https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/] - 2022-11-25 20:56:19 - public:xxx css, flex, learn, tutorials, webdesign - 5 | id:1294459 -
DRUIDS by Datadog - UI componenets [https://druids.datadoghq.com/] - 2022-10-01 14:37:49 - public:xxx components, css, ui, webcomponents, webdesign - 5 | id:1286899 -
GitHub - loadingio/css-spinner: small, elegant pure css spinner for ajax or loading animation [https://github.com/loadingio/css-spinner] - 2022-07-07 15:28:08 - public:xxx animation, css, loading, spinner, webdesign - 5 | id:1186470 -
CSS Accordion Slider Generator [https://accordionslider.com/] - 2022-05-11 16:50:42 - public:xxx accordion, css, generator, slider, webdesign - 5 | id:1104202 -
GitHub - AakashRao-dev/CSS-Cheatsheets: Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. [https://github.com/AakashRao-dev/CSS-Cheatsheets] - 2022-04-06 18:07:04 - public:xxx cheatsheet, css, flex, webdesign - 4 | id:1074485 -
letMeScroll.js - Scroll made easy! [https://bmsvieira.github.io/letmescroll.js/demo/index.html] - 2022-03-02 20:03:29 - public:xxx css, event, javascript, js, lib, library, scroll - 7 | id:1029682 -
Stylo - Another kind of rich text editor [https://stylojs.com/] - 2022-02-23 19:26:54 - public:xxx css, javascript, js, lib, library, reachtexteditor, rte - 7 | id:1028017 -
CSS Quick Tip: Animating in a newly added element | Stephanie Eckles [https://thinkdobecreate.com/articles/css-animating-newly-added-element/] - 2022-02-23 19:25:28 - public:xxx animation, css, keyframes, snippets, webdesign - 5 | id:1028016 -
The Entire Cascade (as a funnel) [https://codepen.io/miriamsuzanne/pen/gOXRzBa] - 2022-02-17 11:59:58 - public:xxx cascading, cheatsheet, css, rule, webdesign - 5 | id:1022125 -
CSS Animations Tutorial: Complete Guide for Beginners [https://themeisle.com/blog/css-animations-tutorial/] - 2022-02-10 14:56:57 - public:xxx animation, css, tutorials, webdesign, webdev - 5 | id:1022000 -
clay.css - by Adrian Bece - give fluffy 3d design to your CSS objects [https://codeadrian.github.io/clay.css/] - 2022-01-28 17:16:10 - public:xxx 3d, css, fluggy, lib, library, webdesign, webdev - 7 | id:1016221 -
Pico.css • Minimal CSS Framework for semantic HTML [https://picocss.com/] - 2021-12-21 09:55:42 - public:xxx css, framework, html, minimalism, nice, webdesign - 6 | id:964524 -
DoodleCSS [https://chr15m.github.io/DoodleCSS/] - 2021-12-17 22:51:18 - public:xxx css, drawings, graphics, html, lib, library, nice, website - 8 | id:964466 - html css look and feel like hand drawn
GitHub - GoogleChromeLabs/two-up [https://github.com/GoogleChromeLabs/two-up] - 2021-10-19 08:32:23 - public:xxx css, dom, examples, html, javascript, js, sample, shadow, shadowdom - 9 | id:824819 - shadow dom component sample
Xtend UI - Components [https://xtendui.com/components] - 2021-10-18 17:53:30 - public:xxx css, framework, graphics, html, javascript, js, library, nice, snippets, ui, ux - 11 | id:819786 -
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 -
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 -
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 -
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
Learn CSS [https://web.dev/learn/css/] - 2021-05-28 18:59:51 - public:xxx css, design, learn, programming, tutorials, webdesign - 6 | id:684198 -
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 -
Top Metrics You Need to Understand When Measuring Front-end Performance [https://blog.asayer.io/top-metrics-you-need-to-understand-when-measuring-front-end-performance] - 2021-05-06 09:58:08 - public:xxx css, development, html, performance, webdev, webdevelopment - 6 | id:683866 -
The Humble Element And Core Web Vitals — Smashing Magazine [https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/] - 2021-05-06 09:55:30 - public:xxx code, css, html, images, img, photos, webdev - 7 | id:683865 -
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
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
100 underline/overlay animations | The ultimate CSS collection [https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40] - 2021-04-08 14:23:20 - public:xxx animation, buttons, css, html, snippets, tricks, underline - 7 | id:680726 -
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 -
Charts.css [https://chartscss.org/] - 2021-03-18 13:21:35 - public:xxx charts, css, graphs, html, javascript, lib, library, webdev - 8 | id:574304 - Another charts for html css
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 -
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 -
blocks.css [https://thesephist.github.io/blocks.css] - 2021-02-06 17:23:17 - public:xxx buttons, css, lib, library, webdev - 5 | id:573714 - css and javascripts to build buttons
Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS [https://stripesgenerator.com/] - 2021-02-02 13:01:11 - public:xxx background, css, generator, graphics - 4 | id:573668 -
How to resize an image in HTML? [https://imagekit.io/blog/how-to-resize-image-in-html/] - 2021-01-20 19:57:31 - public:xxx css, html, image, images, resize - 5 | id:488442 -
How to create “Typing Effect” in CSS and JS | by JW | Frontend Weekly | Jan, 2021 | Medium [https://medium.com/front-end-weekly/how-to-create-typing-effect-in-css-and-js-3252dd807f0a] - 2021-01-20 19:55:25 - public:xxx css, effects, javascript, js, programming, tricks, typing - 7 | id:488441 -
AnimXYZ [https://animxyz.com/] - 2021-01-07 21:17:10 - public:xxx animation, code, css, webdesign - 4 | id:485613 - Create CSS animations online
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
Web Statistics | Web Almanac 2020 [https://almanac.httparchive.org/en/2020/table-of-contents] - 2020-12-12 15:33:37 - public:xxx css, html, javascript, state, statistics, to_read, web, webdev - 8 | id:466661 - Web Statistics on 2020
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 -
