Some useful .new "shortcut" domains

Baby Wolf Codes — Sat, 08 Feb 2025 04:38:34 +0000

Did you know about the Top Level Domain (TLD) .new?

Here are some examples, for developers!

github.new

To create a new GitHub repository

To open an empty CodePen

To create a new React JS environment in CodeSandbox. Similar domains include js.new, vue.new, etc.,

To create a new JavaScript notebook in RunKit

To create an empty Figma file

You can check out the full list of available domains at: https://whats.new/shortcuts/

Baby Wolf Codes — Sat, 25 Jan 2025 10:35:51 +0000

Did you know about the "cap" unit in CSS? 1cap is equal to the height of a capital letter (relative to current font size).

This is especially helpful to align icons to accompanying text, such as inside button - by setting the icon height to 1cap.

<div class="container">
  <div class="icon"><!-- icon --></div>
  <div class="text">Settings</div>
</div>

.container {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.container .icon {
  height: 1cap;
  aspect-ratio: 1;
}