LINKDING
Login
Shared bookmarks
Sort by
Added ↑
Added ↓
Title ↑
Title ↓
Apply
Tags
Overflow Clip
https://ishadeed.com/article/overflow-clip/?ck_subscriber_id=2878602007
Learn how overflow: clip works in CSS.
#code
#css
Friday
|
View
Shared by
melanie
Pico CSS • Minimal CSS Framework for semantic HTML
https://picocss.com
Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.
#code
#css
11/14/2024
|
View
Shared by
melanie
Lightning CSS
https://lightningcss.dev/
An extremely fast CSS parser, transformer, bundler, and minifier.
#code
#css
11/13/2024
|
View
Shared by
melanie
My favourite 3 lines of CSS
https://piccalil.li/blog/my-favourite-3-lines-of-css/
In Every Layout, we wrote about The Stack. It’s a marriage of Heydon’s Lobotomised Owl selector and my method of managing Flow and Rhythm with CSS Custom Properties.
#code
#css
11/13/2024
|
View
Shared by
melanie
Request for developer feedback: customizable select | Blog | Chrome for Developers
https://developer.chrome.com/blog/rfc-customizable-select
An early look at the new customizable select feature.
#code
#css
11/13/2024
|
View
Shared by
melanie
Display full URL after a link when a page is printed
https://hamatti.org/posts/display-full-url-after-link-when-page-is-printed/
I recently worked on the print specific CSS on my blog posts and learned how to add full URLs after each link.
#code
#css
11/13/2024
|
View
Shared by
melanie
Stop Using Custom Web Fonts
https://btxx.org/posts/webfonts/
2023-03-14
#code
#css
11/13/2024
|
View
Shared by
melanie
How not to use box shadows
https://dgerrells.com/blog/how-not-to-use-box-shadows
So you think you know box shadows huh? I bet you didn't know they could do this.
#code
#css
11/13/2024
|
View
Shared by
melanie
transition-behavior - CSS: Cascading Style Sheets | MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior
The transition-behavior CSS property specifies whether transitions will be started for properties whose animation behavior is discrete.
#code
#css
11/13/2024
|
View
Shared by
melanie
The :user-valid and :user-invalid pseudo-classes
https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=en
About the :user-valid and :user-invalid pseudo-classes and how to use them to improve the user experience of input validation.
#code
#css
#html
11/13/2024
|
View
Shared by
melanie
Superior Range Syntax
https://cssence.com/2024/superior-range-syntax/
One more thing about the improved viewport size media queries.
#code
#css
11/13/2024
|
View
Shared by
melanie
Detect JavaScript Support in CSS
https://ryanmulligan.dev/blog/detect-js-support-in-css/
@media (scripting: enabled) { .my-element { /* enhanced styles if JS is available */ } } Or we can gracefully fall back to some alternate styles: @media (scripting: none) { .my-element { /* fallback styles when JS is not supported */ } }
#code
#css
#js
11/13/2024
|
View
Shared by
melanie
The (Frontend||UI||UX) Developer/Engineer Handbook 2024
https://frontendmasters.com/guides/front-end-handbook/2024/
Front-end Developer Handbook 2024
#code
#css
#js
11/13/2024
|
View
Shared by
melanie
Use CSS to boost the font size of emoji with no extra markup
https://shkspr.mobi/blog/2024/04/use-css-to-boost-the-font-size-of-emoji-with-no-extra-markup/
Regular blogging by Terence Eden.
#code
#css
11/13/2024
|
View
Shared by
melanie
Using relative colors - CSS: Cascading Style Sheets | MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors
The CSS colors module defines relative color syntax, which allows a CSS
#code
#css
11/13/2024
|
View
Shared by
melanie
Creating color palettes with the CSS color-mix() function | MDN Blog
https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/
Working with colors on the web just got more interesting! In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.
#code
#css
11/13/2024
|
View
Shared by
melanie
Algorithmic Functional CSS – Nathan Knowler
https://knowler.dev/blog/algorithmic-functional-css
Doing more with less.
#code
#css
11/13/2024
|
View
Shared by
melanie
Steal this popover code · March 15, 2024
https://nerdy.dev/steal-this-popover-starter-kit
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.
#code
#css
#html
11/13/2024
|
View
Shared by
melanie
CSS only "scroll-to-top"
https://www.stefanjudis.com/snippets/css-only-scroll-to-top/
Use `position: sticky` to create a CSS-only scroll-top link.
#code
#css
11/13/2024
|
View
Shared by
melanie
Rounded tabs with inner curves
https://css-tip.com/rounded-tab/
A few lines of code to get rounded tabs using CSS mask
#code
#css
11/13/2024
|
View
Shared by
melanie
Feeds - Official Tailwind CSS UI Components
https://tailwindui.com/components/application-ui/lists/feeds
Activity feed and timeline examples for Tailwind CSS, designed and built by the creators of the framework.
#code
#css
11/13/2024
|
View
Shared by
melanie
Catalyst - Tailwind CSS Application UI Kit
https://tailwindui.com/templates/catalyst
Move as fast as you can with a UI library without compromising on your own vision with modern UI components that are part of your own codebase.
#code
#css
11/13/2024
|
View
Shared by
melanie
Previous
1
Next
User
Everyone
melanie
Apply
Tags
-css
c
ode
h
tml
j
s
CSS only "scroll-to-top"
https://www.stefanjudis.com/snippets/css-only-scroll-to-top/
Internet Archive
Tags
#code
#css
Date added
Nov. 13, 2024, 2:39 a.m.
Description
Use `position: sticky` to create a CSS-only scroll-top link.