Elektrine lite

← Feed

Vesa / Merri / メレリ

MerriNet@mastodon.social

<p>WebDev who occasionally pushes the boundaries. Greatly prefer <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="tag">#<span>HTML</span></a> and <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> over JS, but daily work revolves around React so that&#39;s awful. Anyway. If some layout trick is possible to do with CSS I will figure out how to do it.</p><p>I like to dig into old games and their files, sometimes try to mod the ones not designed to be modded. Also finally learning Japanese. Yet I do not have any travel plans to Japan.</p>

Posts

  • View post

    With CSS people sometimes suggest going for atomic, or essentially, utility classes. To minimize the size of CSS. At worst meaning each class is one declaration. However I think this is the wrong place to optimize. While throwing in lots of classes in HTML isn&amp;#39;t that bad, it does get bad when your JavaScript also grows as the cost of 1 byte of JS is roughly 100 bytes of HTML/CSS. If optimizing CSS increases the size of HTML and/or JS, then that is not the optimization to do.

  • View post

    We now have 5 million Finns laughing at #Microsoft as they released embarrassingly awful production site for Microsoft Translator. We have things like godly/overlord cookies, a mobile app that the text implies to be given to us regardless of whether we want it or not, and a mysterious link to &amp;quot;Espoon keskus&amp;quot; (which is a place at Finland) and the link goes to downloads page. This in addition to horrendous mistakes and anglism-like issues everywhere. Nothing. Makes. Sense.

  • View post

    Do you want to hear a joke? &amp;quot;Let&amp;#39;s just implement design tokens, we don&amp;#39;t have time for a design system with all the bells and whistles.&amp;quot; So it&amp;#39;s been half a year since I heard that line. If it looks like a design system and if it behaves like a design system then maybe it is a design system.

  • View post

    Well. I guess there are about 32 different primary/secondary action button variants available in the #CSS colornames. This when pairing two colors to light-dark() that are of similar hue. https://codepen.io/Merri/pen/ogzLbPV

  • View post

    I feel offended when I see values such as 0.3rem, 0.4rem, 0.6rem.

  • View post

    If you add a bunch of images via CSS content and apply `display: flex; justify-content: space-between;` then Firefox works OK, but Chrome and Safari can&amp;#39;t do this. They treat the set of content as if it is just one item. To workaround you can put `&amp;#39;\0009&amp;#39;` between the images, use `white-space: pre;`, and then calculate some length value to `tab-size` to almost mimic the `space-between` behavior. #WebDev #CSS

  • View post

    There is one thing I like in working with in-house design system library: the business decisions can screw things up only in limited ways. Like yeah, doing something like updating a brand will cause a lot of work, but 99% of daily work is free from direct business decisions. If you work in the final front-endier you can only do things the business approves.

  • View post

    Every time in React that I think &amp;quot;maybe the solution could be to create a polymorphic component to handle this issue&amp;quot; and then implement it, and then look at it real hard... ... it is not the solution. Yes, technically it can do all the things correctly, but it is often way too much code and complexity. #React