Lea Verou

Oh nice, I hadn't heard of Bliss.js, but the creator (https://lea.verou.me/) is great.

Ironically, the author of dpi.lv (https://lea.verou.me/) doesn't even bother to have a "desktop-friendly" site. On desktop everything (font, header, images, buttons) is huge and ~50% of the vertical space is wasted. Not the best calling card for someone living "at the bleeding edge of web standards". Or maybe it looks Ok if you view it on a Mac?

95% of the more complex errors I've seen* in CSS have been some combination of a misunderstanding of positioning (https://developer.mozilla.org/en-US/docs/Web/CSS/position) and the box model (https://developer.mozilla.org/en-US/docs/Web/CSS/box_model). The other 5% of relatively complex display errors are actually due to unfortunate choices when writing the HTML. I think once you understand those, the rest is really quite simple. Media queries, clever nonsense with things like ":target" or ":not([class]) > div > img", it's all ultra-simple because there are no logic bugs you can introduce once you know the syntax – the only logic you need to think about is in the positioning of elements on the page. As a backend web developer, you will find it all very simple. A bit of bloody-minded Googling will solve the majority of your problems, and the CSS answers on StackOverflow are more helpful & polite than they are in many other areas. For HTML, some features I have found useful include definition lists, dfn, nav, header, section and article elements. It may also be useful to check out Schema.org. So I guess my recommendation is to get the box model and positioning down pat for CSS, and get semantic elements down for HTML5. If you like genuinely clever and awesome tricks, check out Lea Verou (http://lea.verou.me/). *"seen" as in "made myself"

Good question. There’s a good post from Lea Verou worth reading. https://lea.verou.me/blog/2024/wcs-vs-frameworks/ I think anything meant to be like a widget is a good fit. But an iframe you have the option of putting an app behind it while a web component is purely front end code. So maybe that’s a limitation for you. We at least plan to wrap iframes in web components for a nicer embed API.

> Works for me on a 2018 Moto w stock Android 10. My color options are (translated) natural, boosted and saturated, w saturated active. Seems to be the factory default. Since there's no mainstream browser for Android that supports Display P3, it's unlikely that you're seeing the correct image. There's a test image as part of this excellent article on color; you'll know right away if your hardware and browser supports Display P3 or not [1]. I'm using Safari on a 2017 iMac, so I can see the Display P3 images. [1]: https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/

So many - I'm going to share a few that come to mind quickly, rather than agonizing over picking the best possible results. Tim Bray: https://www.tbray.org/ongoing/ Julia Evans: https://jvns.ca/ Tom MacWright: https://macwright.com/ Jacob Kaplan-Moss: https://jacobian.org/ Lea Verou: https://lea.verou.me/ Will Larson: https://lethain.com/featured/ Camille Fournier: https://skamille.medium.com/ Haki Benita: https://hakibenita.com/ Brandur Leach: https://brandur.org/articles

Some amazing non-male developers: — Jen Simmons: http://labs.jensimmons.com/ — Julia Evans: https://jvns.ca/ — Lea Verou: http://lea.verou.me/ — Mina Markham: http://mina.codes/ — Sara Soueidan: https://sarasoueidan.com/articles/ — Sarah Mei: http://www.sarahmei.com/blog/ — Ana Tudor: https://thebabydino.github.io/ — Anna Debenham: http://www.maban.co.uk/

I like Lea Verou: http://lea.verou.me and Nicole Sullivan: http://www.stubbornella.org/content/

Small suggestions (just based on the website copy): consider supporting other colour spaces, like Display-P3, DCI-P3, Adobe RGB, CIE... not sure what the source data from the camera can tell you though. LCH color picking based on CIE might also be useful http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ It’s worth pointing out that Pantone generally only matches print colours, and labels digital representations seemingly exclusively in sRGB, not wider colour spaces. https://www.pantone.com/color-intelligence/articles/technical/what-are… for the sRGB chart. Here’s an example exception: https://www.nanosysinc.com/blog/2012/12/11/color-of-the-year-for-2013-… Despite this, it has an sRGB hex value, so I’m not sure what to make of it. https://www.pantone.com/color-finder/17-5641-TCX It seems odd that Pantone lists these color values without listing absolute or relative values by named color space...

>I (maybe I am wrong) have been intending to treat team-members as "some dudes with bumps on their chest that may have various after hours habits that are none of my concern". FWIW, this is personally my ideal working environment. I can't speak for women in general, and I'm not a moral authority, but this is exactly the kind of treatment I want from my coworkers. >what should I do to be better? I don't know, honestly. I know that's an inadequate response, but I'm not sure how to appropriately address ingrained societal sexism either. As far as subconscious bias in hiring goes, having rubrics and standardized interviews goes a long way at eliminating it. I'd theorize that standardized metrics for performance reviews would help on that front, too, though I don't think that's been studied. If you browse the million and one women in tech posts out there you can see people talking about it at length, though I would be wary of taking somebody's opinion as truth just because they're female, and I would be doubly wary of taking a tech blogger at her word vs an actual female engineer. Your personal set of ethics re: equality of opportunity vs outcome also plays into what you "should do" quite a lot. Some suggestions (like formalized hiring rubrics) are completely valid whether or not you believe in equality of opportunity vs outcome, but others (like instituting diversity quotas in hiring) are not. This blog post is well cited and worth a read, it has a few good suggestions IMO:…

From the article: > When you press it for the first time, it toggles to the opposite of what you’re currently seeing, and stores the literal value (light or dark). The next time you press it, it toggles back to the system default, and removes the stored value. The article even provides a demonstration demo: https://lea.verou.me/blog/2026/dark-mode-toggles/demo

This seems like a good opportunity to bring up the old, more hacky, but also more performant and predictable CSS random effect using backgrounds of prime number sizes to achieve a "random" distribution. The "cicada principle" https://www.sitepoint.com/the-cicada-principle-and-why-it-matters-to-w… https://lea.verou.me/blog/2020/07/the-cicada-principle-revisited-with-… In this case you would use multiple transparent tiles of different star patterns (images, or gradient/clip-path tricks), each one a different prime number in size. It should work with anything you can tile and overlay in CSS though.

there is a good article from lea verou https://lea.verou.me/blog/2024/contrast-color/ on a workaround like this

This seems to be a pretty low-effort post without any real substantive details. I'd much rather see discussion of the "Parallel Evolution of React and Web Components" article that got posted earlier today. I don't agree with that author's strong stance against React, but it's at least a well-written post with substantial thought and significant technical detail: - https://news.ycombinator.com/item?id=41790499 or these other relevant posts: - https://nolanlawson.com/2024/09/28/web-components-are-okay/ - https://lea.verou.me/blog/2024/wcs-vs-frameworks/ - https://mastodon.social/@molily/113215236512572084

Private properties don't work with Proxy. https://lea.verou.me/blog/2023/04/private-fields-considered-harmful/ Quote: > Private fields, proxies, pick one, you can’t have both.

https://lea.verou.me/ https://www.kottke.org/ https://chriscoyier.net/ https://seths.blog/ https://sive.rs/

Unfortunately, yes. https://lea.verou.me/2020/09/the-failed-promise-of-web-components/

This is nice. I didn't try but to get a pseudo-random variation of the book height, will it be possible to do a pre-defined Cicada Principle[1] method, say, pick 20-30 heights and keep picking them up. There seem to be quite a lot of people who have their own book collection. I'm still looking for something simple that can spit out a HTML front; and yet to find something I like. On another note, recently I was looking for a Library Management System for a small community, with a current book collection of over 25,000. I looked a bunch of Open Source Solutions (most are too complex). I also do not want to do build anything from scratch. I settled on Libib[2] and the subscription is economical enough for what we are looking for. 1. https://lea.verou.me/2020/07/the-cicada-principle-revisited-with-css-v… 2. https://www.libib.com

LCH [1] is quite similar [2] to HSLuv and already shipped as a CSS color function in Safari (and soon in Chromium). [1] https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ [2] https://news.ycombinator.com/item?id=18425916 similar thread from 3 years ago

There's work being done in that department so hopefully the rest of the tools adapt: http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/

Read lea verou book 'css secrets' it's an awesome book for every web developer. http://lea.verou.me/writing/

I miss bytesizematters.com ( http://lea.verou.me/2009/07/bytesize-matters/ ), made by a true dude bro in more innocent times.

Additional information can be found at https://www.smashingmagazine.com/2017/05/introducing-mavo/ and http://lea.verou.me/2017/05/introducing-mavo-create-web-apps-entirely-… .

Why tabs are clearly superior: http://lea.verou.me/2012/01/why-tabs-are-clearly-superior/

Couldn't agree more, this is one thing that Python/PEP8 got completely wrong. (Leading) column-aligned code falls down more-often-than-not in practice and is a terrible reason to sacrifice tabs. Tabs are superior. [0] [0] http://lea.verou.me/2012/01/why-tabs-are-clearly-superior/

http://blog.codinghorror.com http://lea.verou.me/ http://ejohn.org/ http://byfat.xxx/ http://www.windytan.com/ http://meowni.ca/ and many others

http://lea.verou.me/css3patterns/ could provide a pretty good source for patterned card backs.

Always liked Verou's single-functions websites http://lea.verou.me/projects/.

Nicely done -- this reminds me of a technique outlined by Andre Luis and Lea Verou here: http://lea.verou.me/2011/01/styling-children-based-on-their-number-wit… Building on these selectors and giving them meaningful names is a nice way of taking it a step further.