www.abeautifulsite.net Open in urlscan Pro
76.76.21.21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Home Tags Archive About CV

--------------------------------------------------------------------------------

A collection of thoughts about HTML, CSS, JavaScript, UX, a11y, web standards,
and related things. Posts by Cory LaViska.

--------------------------------------------------------------------------------


DESIGN SYSTEMS AREN'T CHEAP

Written on March 21, 2022

Buttons are one of my favorite components. On the surface they seem simple, but
in practice, they tend to be much more involved. In a post by Nathan Curtis
entitled And you thought buttons were easy?, he demonstrates how costs can
quickly skyrocket to $1,000,000 when one arm of the organization isn't aware of
what the other is doing.

design systems web components tips


CSS PARTS INSPIRED BY BEM

Written on March 10, 2022

In a previous post, I explored valid names for CSS parts and discovered that
there are very few restrictions in what you can call them. The purpose of that
deep dive was to help identify a pattern for naming parts that lets me expose
states and subparts, or parts exported as a result of composition.

development web components design systems thoughts


WHEN TO CREATE CSS PARTS

Written on February 21, 2022

I was recently asked a really good question on Twitter: when shouldn't an
element be a CSS Part?

development web components design systems thoughts


VALID NAMES FOR CSS PARTS

Written on February 20, 2022

CSS Shadow Parts, colloquially known as CSS Parts, are used to expose elements
inside a web component's shadow root so they can be styled by consumers with
CSS. But what are we allowed to call these parts? What characters comprise a
valid CSS part name? To find out, I had to dive into the spec!

development web components web standards html javascript


COMPLACENCY ON THE FRONT END

Written on February 14, 2022

We live in a world where front end developers are fatigued from the framework
wars. Most have settled into a niche — especially the React crowd — and they’re
happy to not have to think outside that box. They are, by far, the hardest crowd
to sell web components to.

development javascript web components web standards thoughts


A WEB COMPONENTS PRIMER

Written on February 04, 2022

On the eve of February, I was inspired to tweet about web components. What
started as a simple thought quickly turned into a series of tweets that folks
seem to find useful. I've adapted the thread and I'm posting it here for
prosperity.

web components design systems development javascript css


SUCCESS REQUIRES LUCK

Written on January 14, 2022

I've concluded that successful "makers" have one thing in common: luck.

business thoughts


FLASH OF UNDEFINED CUSTOM ELEMENTS (FOUCE)

Written on December 29, 2021

Web components are defined and registered with JavaScript. Depending on how and
when you load the scripts that perform registration, you may see a brief flash
of unstyled HTML where your custom elements should be when the page loads. This
is not dissimilar to FOUC, which occurs when HTML is displayed before the
stylesheet has loaded.

web components design systems javascript css


BULLETPROOF COMPONENTS

Written on December 08, 2021

Somewhere buried in my dusty basement lives a signed copy of Dan Cederholm's
classic book Bulletproof Web Design. I purchased it during my first trip to An
Event Apart in 2007. This book meant a lot to me back then, and almost 15 years
later, many of its concepts still hold true.

design systems web components ui


EMPOWERING DESIGN SYSTEM USERS

Written on November 01, 2021

The question of whether or not component APIs should be locked down at the code
level comes up quite a bit. For example, if a button spec only calls for
primary, secondary, and tertiary variants, should we still expose parts and
custom properties so users can make further customization as needed?

design systems web components design development

Feeds available in Atom & JSON

--------------------------------------------------------------------------------

Explore the archive for additional posts or press / to search.