A
A Beautiful Site
abeautifulsite.net · Personal blog · on HN since 2009
Cory LaViska writes about web components, design systems, and front-end development, and is behind the Shoelace component library.
What HN saysHN commenters cite it for its web components posts, including one on the flash of undefined custom elements, which a commenter calls a drawback of web components.
18HN people shared it
6linked it in comments
20stories submitted
91story points
3 months agolast shared
2009people per year2026
Most-shared posts
- 1Web Components Are Not the Future – They're the Present5 people · 36 points · first shared 2024 · 2 comments on HN
- 2Flash of Undefined Custom Elements (fouce)2 people · 2 points · first shared 2021 · discussion on HN
- 3Design Systems Aren't Cheap1 people · 14 points · first shared 2022 · 1 comments on HN
- 4I'm Pulling ColorCopy from the macOS App Store1 people · 7 points · first shared 2026 · 2 comments on HN
- 5Software Has Changed1 people · 7 points · first shared 2026 · discussion on HN
- 6Dynamic Slots in Web Components1 people · 6 points · first shared 2024 · discussion on HN
- 7Quiet UI – My Creative Outlet1 people · 3 points · first shared 2025 · discussion on HN
- 8Bulletproof Components1 people · 3 points · first shared 2021 · discussion on HN
- 9How I Use GitHub Issues1 people · 3 points · first shared 2025 · discussion on HN
- 10Quiet UI is now open source1 people · 2 points · first shared 2025 · discussion on HN
- 11I'm taking “startup” back1 people · 2 points · first shared 2014 · discussion on HN
- 12Building Custom Elements with a Library1 people · 2 points · first shared 2024 · discussion on HN
- 13Moving from Stencil to LitElement1 people · 2 points · first shared 2021 · discussion on HN
- 14MiniColors - jQuery plugin1 people · 1 points · first shared 2012 · discussion on HN
- 15Thoughts on Framework Churn1 people · 1 points · first shared 2023 · discussion on HN
What HN people wrote when they linked it
benatkin · 2024-09-27
I like the idea of apps and components being able to have wide ranges of privileges and those being communicated to the user. I like what the author is doing and everything I don’t like about it - the unfairness of Apple’s gatekeeping and the lack of involvement of the user - is from Apple.
It makes me think of this article I recently read about web components as machines. Perhaps it’s only loosely related, but I feel like it’s worth the tradeoff for the system to create the illusion of components being in charge, even though everything goes through the system, whether it be a web server, a web page, or an operating system. https://www.abeautifulsite.net/posts/component-machines/
What this app attempts to do is to make the alarm be a little bit more like clocky which could do what it did because it was a physical machine. https://en.m.wikipedia.org/wiki/Clocky
yellow_lead · 2023-11-13
I don't like web components because of the flash of undefined elements[1]. Hiding it with css tricks is clunky and ugly too. The sad thing is that web components seem like a great idea otherwise.
[1] https://www.abeautifulsite.net/posts/flash-of-undefined-custom-element…
claviska · 2021-12-11
This reminds me of Dan Cederholm’s Bulletproof Web Design, which coincidentally inspired me to adapt the paradigm to component development earlier this week.
https://www.abeautifulsite.net/posts/bulletproof-components/
Randomizing content is a great technique to test for this.
fortawesome · 2022-10-18
Cory's announcement: https://www.abeautifulsite.net/posts/the-future-of-shoelace/
releasedatez · 2009-02-19
May I also suggest...
File Tree
http://abeautifulsite.net/notebook.php?article=58
Autocomplete
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
uEditor
http://plugins.jquery.com/project/uEditor
Table Sorter
http://tablesorter.com/docs/
Beltiras · 2015-01-14
Nothing too fanciful, just a collection of links I found useful:
https://github.com/blueimp/jQuery-File-Upload
http://www.creativebloq.com/responsive-design-tools-8134180
http://www.cssmatic.com/border-radius
http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
http://www.entheosweb.com/tutorials/css/borders.asp
http://css3gen.com/text-shadow/
http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-boo…
http://ellekasai.github.io/purplecoat.js/
(omitting reference material anyone and everyone already has on their bookmark bar)
I don't get the downvotes. Can someone explain?