Personal
Work
YouTube
Dom Habersack<p>We’re looking into making our product’s signup flow easier. Right now, visitors have to go through 30 actions and decisions when creating an account. If we focus on that journey and accept that we’ll have less data on our users, we could cut that down by 80 (!) percent.</p>
mastodon.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
The original server operated by the Mastodon gGmbH non-profit
Administered by:
Server stats:
343Kactive users
mastodon.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0-nightly.2025-04-01
Dom Habersack@domhabersack@mastodon.social
Freelance web developer, part-time IndieHacker
I mostly do #frontend development with #javascript, #react, #nextjs, #typescript, and #tailwind
When I’m not working on client projects, I #buildinpublic on Twitch
Munich, Germany
Dom Habersack<p>On-page grid overlays like this are my absolute favorite thing to add in any web project. In this latest iteration, it shows both the underlying columns and horizontal padding.</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a></p>
Dom Habersack<p>You can turn off the “x packages are looking for funding” messages that get logged with each `npm install` by setting</p><p>fund = false</p><p>in your project’s or user’s npmrc file.</p><p><a href="https://domhabersack.com/blog/npm-fund-false" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">domhabersack.com/blog/npm-fund</span><span class="invisible">-false</span></a></p><p><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a></p>
Dom Habersack<p>I’m experimenting with this Bento layout for pitching my freelance services to clients on a customized landing page. I’m liking how it’s coming along!</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a> <a href="https://mastodon.social/tags/freelance" class="mention hashtag" rel="tag">#<span>freelance</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a></p>
Dom Habersack<p>A few minor tweaks are often enough to make a design feel more “put together”. Moving things a little to the side, adding more padding, moving static information to where it doesn’t change anyways, and the result already appears calmer.</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a></p>
Paweł Grzybek<p>This is beautiful. Testing JavaScript modules as if they were Rust code—right where they are defined.</p><p><a href="https://vitest.dev/guide/in-source.html" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">vitest.dev/guide/in-source.html</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="tag">#<span>javascript</span></a> <a href="https://mastodon.social/tags/rust" class="mention hashtag" rel="tag">#<span>rust</span></a></p>
Dom Habersack<p>Respect your readers’ time. I didn’t want to read those long texts on my CV myself, so how can I expect a client or recruiter to spend the time? I took them down to this shorter format, which makes the page look much less intimidating.</p><p><a href="https://domhabersack.com/cv" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">domhabersack.com/cv</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a></p>
Dom Habersack<p>I’m trying a bolder, more passionate, and potentially risky messaging on my company website. The previous one started to feel bland, so I’m trying to emphasize what I bring to my clients’ teams.</p><p>I am not sure if this is way too bold, or still not bold enough. Take it for a test drive: <a href="https://fnteach.com" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">fnteach.com</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a> <a href="https://mastodon.social/tags/freelance" class="mention hashtag" rel="tag">#<span>freelance</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a></p>
Danny Blue<p>create localized lists of months and days of the week.</p><p>const MONTH_LABELS = Array.from({ length: 12 }).map((_, i) => {<br> return new Date(0, i).toLocaleString("es", { month: "long" });<br>});</p><p>const DAY_OF_WEEK_LABELS = Array.from({ length: 7 }).map((_, i) => {<br> return new Date(0, 0, i).toLocaleString("es", {<br> weekday: "long",<br> });<br>});</p><p><a href="https://indieweb.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://indieweb.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Dom Habersack<p>Hey! I’m a senior front-end developer looking for my next medium- to long-term freelance role.</p><p>I have 14 years of experience working along the full web development stack, usually with <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a>, <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="tag">#<span>TypeScript</span></a>, <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="tag">#<span>ReactJS</span></a>, <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="tag">#<span>NextJS</span></a> and <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="tag">#<span>TailwindCSS</span></a>. I often work with e-commerce and healthcare clients. Once, I helped turn a household appliance into a smart IoT prototype.</p><p>Go to <a href="https://domhabersack.com/cv" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">domhabersack.com/cv</span><span class="invisible"></span></a> for my CV or <a href="https://domhabersack.com/meeting" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">domhabersack.com/meeting</span><span class="invisible"></span></a> to set up a meeting.</p><p><a href="https://mastodon.social/tags/FediHire" class="mention hashtag" rel="tag">#<span>FediHire</span></a></p>
Dom Habersack<p>I felt like picking up a new skill, so I spent absolutely too much time creating this 3D version of my company’s logo in <a href="https://mastodon.social/tags/blender" class="mention hashtag" rel="tag">#<span>blender</span></a> to put on my website.</p><p>So many possibilities, so many confusing buttons and menus in Blender.</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a></p>
Dom Habersack<p>Every few months, I revisit the basics of design. Once you know what message you’re going for, picking a brand color becomes almost too easy.</p><p>Bonus points for everyone who can name every logo in this image.</p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="tag">#<span>design</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="tag">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/color" class="mention hashtag" rel="tag">#<span>color</span></a></p>
Dom Habersack<p>I want to see if people find this interesting, so I’m turning on the debug control for all visitors on my site for a bit. It shows the current breakpoint and overlays the layout grid. What else could I add here?</p><p><a href="https://domhabersack.com/snippets/async-useeffect" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">domhabersack.com/snippets/asyn</span><span class="invisible">c-useeffect</span></a></p><p><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="tag">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="tag">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="tag">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="tag">#<span>NextJS</span></a></p>
Dom Habersack<p>Maybe it’s the lack of sleep from being kicked in the nose by my toddler every 20 minutes last night, or maybe it’s the emergency amount of coffee I have since had, but I’m thinking I might go a little bolder with the messaging on my company’s website.</p><p><a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="tag">#<span>BuildInPublic</span></a></p>
Dom Habersack<p>This is such an unfortunate change in the Pull Requests that are making their way through all of my projects now. The file will forever and always be called twitter.svg though.</p><p>Until it gets removed entirely.</p>
Dom Habersack<p>At what point does a blog have too many posts to put on one page? I feel like it’s definitely less than 116.</p><p><a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="tag">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="tag">#<span>NextJS</span></a></p>
Dom Habersack<p>My portfolio got a visual and functional refresh during our recent workation in Denmark. Looking at it now, I feel excited to make this the home for all my educational content going forward.</p><p>I might have to take the timestamps off until then.</p><p><a href="https://domhabersack.com" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">domhabersack.com</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="tag">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="tag">#<span>NextJS</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="tag">#<span>TailwindCSS</span></a></p>
Dom Habersack<p>A few seemingly minor tweaks to positioning, font weight, color, and composition make a huge difference to a design. None of these were big changes in code thanks to <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="tag">#<span>TailwindCSS</span></a>.</p><p>Last week’s redesign of domhabersack.com is getting another update soon that is coming along nicely.</p>
Dom Habersack<p>Getting these category pages working was super easy in <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="tag">#<span>NextJS</span></a>. I’m not convinced this is the best way to show which category is currently selected, but it’ll do for now.</p><p>I adore the “All” category though. It’s so cute.</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a></p>
Dom Habersack<p>Showing all tags on my articles as filters won’t work. This list is not helpful at all. Looks like I’ll have to condense that down quite a bit.</p><p>And I have only tagged a minority of all posts so far.</p><p><a href="https://mastodon.social/tags/buildInPublic" class="mention hashtag" rel="tag">#<span>buildInPublic</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload