1. X
  2. Cory LaViska
Log inSign up
Cory LaViska
23.6K posts
Image
user avatar
Cory LaViska
@claviska
Just a guy with a laptop and a dream. Design systems, web components, open source, and macOS apps. Follow me if you build on the web.
New Hampshire
abeautifulsite.net
Joined November 2007
1,543
Following
4,695
Followers
RepliesRepliesArticlesArticlesMediaMedia

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

Terms·Privacy·Cookies·Accessibility·Ads Info·© 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up
  • Pinned
    user avatar
    Cory LaViska
    @claviska
    Apr 19, 2021
    “The only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven’t found it yet, keep looking and don’t settle.” — Steve Jobs
  • user avatar
    Cory LaViska
    @claviska
    Oct 6, 2023
    Implemented safe triangles to improve submenu selection in @shoelace_style today.
    Image
    00:00
    884K
  • user avatar
    Cory LaViska
    @claviska
    Aug 16, 2019
    Learning web dev in 2019. #javascript #reactjs
    Image
    00:00
  • user avatar
    Cory LaViska
    @claviska
    Aug 12, 2019
    How phishing attacks work. x.com/LadyNevaa/stat…
  • user avatar
    Cory LaViska
    @claviska
    Mar 10, 2022
    I bet the person who added atob() and btoa() to JavaScript was not the same person who developed APIs such as getElementById() and getElementsByClassName().
  • user avatar
    Cory LaViska
    @claviska
    Dec 23, 2021
    Gatekeepers: "CSS isn't a programming language!" CSS:
    :host {
  --divider-width: 4px;
  --position: clamp(
    0%,
    clamp(
      var(--min),
      calc(var(--size) - var(--divider-width) / 2),
      var(--max)
    ),
    100%
  );

  display: grid;
  grid-template-columns: var(--position) var(--divider-width) auto;
}
  • user avatar
    Cory LaViska
    @claviska
    Aug 30, 2020
    There’s an npm joke in here somewhere…
    Image
    user avatar
    Rosman M
    00:00
    user avatar
    Rosman M
  • user avatar
    Cory LaViska
    @claviska
    Jun 7, 2023
    “So why is Next.js so pushy about [React Server Components]? I can't avoid feeling that the new direction taken by Next.js is not designed to help developers, but to help Vercel sell React.”
    marmelab.com
    Is React Having An Angular.js Moment?
    React Server Components, while innovative, risk causing division in the React community due to their potential to undermine Single-Page App architecture.
    500K
  • user avatar
    Cory LaViska
    @claviska
    Nov 3, 2020
    Everyone thinks this surprise Apple event is all about ARM-based Macs but web devs know exactly what's going down.
    Image
    Image
  • user avatar
    Cory LaViska
    @claviska
    Mar 2, 2020
    Discussing which framework to use when we suddenly agree on Web Components. x.com/fintop3/status…
  • user avatar
    Cory LaViska
    @claviska
    Oct 5, 2021
    Unpopular opinion: in a design system, a "link" and a "button" should be one component.
  • user avatar
    Cory LaViska
    @claviska
    Feb 16, 2023
    The end of an era.
    Image
    Microsoft permanently disables Internet Explorer for all devices
    From cbsnews.com
    37K
  • user avatar
    Cory LaViska
    @claviska
    Oct 6, 2023
    Replying to @claviska and @shoelace_style
    The triangle is displayed as a fixed position pseudo element (::after) cropped with clip-path and anchored to: - The cursor - The top-start of the submenu - The bottom-start of the submenu The coordinates get updated on mousemove and when the menu repositions. The triangle is
      /* Safe triangle */
  .menu-item--submenu-expanded::after {
    content: '';
    position: fixed;
    z-index: calc(var(--sl-z-index-dropdown) - 1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    clip-path: polygon(
      var(--safe-triangle-cursor-x) var(--safe-triangle-cursor-y),
      var(--safe-triangle-submenu-start-x) var(--safe-triangle-submenu-start-y),
      var(--safe-triangle-submenu-end-x) var(--safe-triangle-submenu-end-y)
    );
  }
    34K
  • user avatar
    Cory LaViska
    @claviska
    Jul 28, 2022
    TIL browsers use web components under the hood! 🤯
    Image
    00:00
Advertisement
Advertisement