Product Designer @SFbrigade. I love learning dev and product Management concepts out of intellectual curiosity. Exploring systems &creative craft
San Francisco, Bay Area
- Tweets 277
- Following 1,047
- Followers 30
- Likes 1,663
Back in the early days of computers, programmers used a text editor where they had to type a short code to find text.
That code was g/re/p, which literally meant:
Globally (search everywhere...)
Regular Expression (for a specific pattern)
Print (..and show it on the screen).
1
34
The 'window.innerHeight' property returns the interior height of a browser window's content area (the layout viewport) in pixels. useful when want to know the vh/viewport width and height of local devise for responsiveness.
110
Google ranks on how well a page answers what someone searched for, not on word count. #SEO
112
1.
LCP (Largest Contentful Paint) = how fast does the main thing appear
So what?
Users feel it, they see half-built page, more of them leave.
Tip
Preload the poster: if it loads late, the LCP score gets worse
<link rel="preload" as="img" href="/hero.webp" fetchpriority="high">
1
110
Letter spacing or line spacing (line-height) is tied to the element's own computed font-size generally.
So, in calculation, 1 em equals the font size of the element it is applied to.
2
123
For the line-height property specifically, it is highly recommended to use unitless numbers instead of em or %.
meyerweb.com/eric/thoughts/2…
17
Fun fact:
Historically, in traditional typesetting, 1 em was equal to the width of the capital letter "M" in the typeface and size being used.
102
*, p, .menu-item, #main-header, div p, ul > li, h1 + p, h1 ~ p, a[target], input[type="text"], a[href^="https"], a[href$=".pdf"], button:hover, li:nth-child(odd), p::before, h1, h2, h3, button.primary are all examples of CSS selectors.
Learning to walk before the run.
1
1
128
In coding, a mixin is a small, standalone bundle of code that contains specific features or behaviors.
56
Been going down a rabbit hole this week on WebMCP.
Here's the simplest way to think about it:
1
1
131
So the plumbing (WebMCP) is invisible.
But the trust layer around it,
consent screens,
permission settings,
clear receipts of what an agent did;
is very much a human design problem.
1
14