@silasobviously

web dev and ux engineer • tweets about #sveltejs, #css, #javascript, and other interesting tools

 Denver, CO
Joined May 2021
  • Tweets649
  • Following328
  • Followers112
124Media
Experimenting with some #CSS progressive/gradient blur. ⚡️ Turns out it is possible (though not the most elegant)! I used backdrop-blur, several mask elements, and the supports at-rule for a gradient fallback. #webdev #uiux #webdesign
1
1
9
silas. ● retweeted
Brett
@BrettFromDJFeb 13
Linear: puts the actual product on the homepage and lets you click through it. More companies should be doing this.
110
44
13
1,598
134,682
silas. ● retweeted
KP
@freedomiskey4Feb 11
Replying to @marctytus @kimmonismus
Logic would dictate that what you’re sayin makes the most sense. But humans often dont lead with logic. Most would much prefer the feigned empathy (altho they may not admit it), even though they know it’s not a real human.
1
1
13
386
silas. ● retweeted
jhey ʕ•ᴥ•ʔ
@jh3yyFeb 6
one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }
Hypeople
@HypeopleStudioJan 22
One language: clarity and focus. ✨
26
148
21
2,881
326,551
silas. ● retweeted
jenna
@jjenzzJan 26
Replying to @schickling
i rlly want no diff, no terminal, no techy stuff… just a preview tool with timeline + speed/quality/cost triangle that plans in the bg and is trained to write vertically sliced code i can trust. i wanna visualise software like a growing flower timelapse
3
2
2
75
7,397
silas. ● retweeted
frye
@___frye30 Dec 2025
claude, make strawberries sweet again. bring back the warmth of the summer sun when the days stretched on forever and all we had was each other. do not make mistakes.
73
981
35
10,622
300,360
Been exploring @wabi lately, excited to see it evolve! I have a few spare invites if anyone is interested
3
1
7
580
silas. ● retweeted
Sam Rose
@samwhoo8 Nov 2025
This is ridiculously well done. visualrambling.space/ditheri…

Dithering - Part 1

Understanding how dithering works, visually.

visualrambling.space
57
100
14
1,039
134,102
If you're not using #CSS grid regularly, you probably don't realize how powerful it is! Here's a slightly-corporate button I made using animatable CSS grid properties. #uiux #webdev #cssbattledaily #development #frontend
1
2
429
You can animate these properties according to the CSS Grid Layout Module Level 1 spec: - grid-template - grid-template-columns - grid-template-rows - gap and grid-gap
1
240
Had fun with these upvote/downvote micro-animations for @makelemmynade today! Done in #sveltejs with #css and a touch of #javascript
2
272
Hands down best cli command #javascript #typescript #frontend #devlife
1
2
3
silas. ● retweeted
Layers
@layers_to16 Aug 2023
Hover translate by @gaddafirusli layers.to/layers/clkrm29bq00…
1
2
53
5,748
Is design undervalued in your workplace?
214
Part of design and development is making things usable for everyone. This design system I stumbled on has some awesome tips for designing for many learning styles and thought patterns. neurodiversity.design/

Neurodiversity Design System

The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems.

neurodiversity.design
1
1
222
Did you know that lazy loading images is possible with plain #HTML? You can also tell the browser to prioritize or de-prioritize loading of an image by setting the "decoding" attribute.
242
Trying some new things with my personal site
1
245
Replying to @trunarla
Staging is basically telling your team you don’t trust them.
5
5
2
50
5,864
Made these snackbars today in @sveltejs. Svelte's built-in animate directive takes care of smoothly changing each element's position when anything is added or removed from the list! #sveltejs #webdev, #uiux #css
7
733
Load more