NerdHouse Social
  • Communities
  • Create Post
  • Create Community
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
cm0002@infosec.pub to Programming@programming.dev · 1 day ago

Goodbye Circles, Hello Squircles: Perfect Corners in CSS & Canvas

orgpad.info

external-link
message-square
8
fedilink
  • cross-posted to:
  • programming@lemmy.ml
24
external-link

Goodbye Circles, Hello Squircles: Perfect Corners in CSS & Canvas

orgpad.info

cm0002@infosec.pub to Programming@programming.dev · 1 day ago
message-square
8
fedilink
  • cross-posted to:
  • programming@lemmy.ml
Rectangles with rounded corners are mathematically wrong. Once you know why, you can’t unsee it. Squircles, made iconic by Apple, are finally supported in browsers by the new CSS corner-shape: squircle property. I will show you how to approximate one squircle corner with just three pixel-perfect Bézier curves, so you can use squircles everywhere: canvas, SVG, clip-path, and even game engines. Your eyes deserve curves that actually make sense.
  • FizzyOrange@programming.dev
    link
    fedilink
    arrow-up
    1
    ·
    21 hours ago

    I agree. C2 continuity does matter for aesthetics sometimes, but not for a button.

Programming@programming.dev

programming@programming.dev

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !programming@programming.dev

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person’s post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Rules

  • Follow the programming.dev instance rules
  • Keep content related to programming in some way
  • If you’re posting long videos try to add in some form of tldr for those who don’t want to watch videos

Wormhole

Follow the wormhole through a path of communities !webdev@programming.dev



Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 597 users / day
  • 1.51K users / week
  • 3.11K users / month
  • 8.12K users / 6 months
  • 1 local subscriber
  • 23.4K subscribers
  • 1.94K Posts
  • 26.3K Comments
  • Modlog
  • mods:
  • snowe@programming.dev
  • Ategon@programming.dev
  • MaungaHikoi@lemmy.nz
  • UlrikHD@programming.dev
  • UI: 0.19.7
  • BE: 0.19.13
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org