@domhabersack@mastodon.social
@domhabersack@mastodon.social avatar

domhabersack

@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

This profile is from a federated server and may be incomplete. Browse more on the original instance.

domhabersack, to javascript
@domhabersack@mastodon.social avatar

You can turn off the “x packages are looking for funding” messages that get logged with each npm install by setting

fund = false

in your project’s or user’s npmrc file.

https://domhabersack.com/blog/npm-fund-false

#javascript

domhabersack, to javascript
@domhabersack@mastodon.social avatar

Hey! I’m a senior front-end developer looking for my next medium- to long-term freelance role.

I have 14 years of experience working along the full web development stack, usually with #JavaScript, #TypeScript, #ReactJS, #NextJS and #TailwindCSS. I often work with e-commerce and healthcare clients. Once, I helped turn a household appliance into a smart IoT prototype.

Go to https://domhabersack.com/cv for my CV or https://domhabersack.com/meeting to set up a meeting.

#FediHire

benediktdeicke, to random
@benediktdeicke@mastodon.social avatar

We've spent a decent amount of time figuring out the underlying architecture for Userlist’s visual workflow rendering system 🤔

It took a couple of tries, but now we get edge rendering like this (almost) for free 🤩

image/png

domhabersack,
@domhabersack@mastodon.social avatar

@benediktdeicke This is so neat, I cannot stop looking at it. 👏

iamdtms, to CSS
@iamdtms@mas.to avatar

#tired #CSS

domhabersack,
@domhabersack@mastodon.social avatar

@iamdtms npm ruin build

domhabersack, to random
@domhabersack@mastodon.social avatar

At what point does a blog have too many posts to put on one page? I feel like it’s definitely less than 116.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Yeah I’ll start with regular pagination just to make this page look less intimidating. My guess is people won’t venture beyond the first page anyways, so any feature that would make that easier to do would go largely unused. 😄

Do you have any analytics on yours? Do you know if or how visitors click through to other pages?

domhabersack,
@domhabersack@mastodon.social avatar

@Imoptimal I’m currently going for eight posts per page and a traditional pagination. This already seems much more pleasant. What do you think?

domhabersack, to random
@domhabersack@mastodon.social avatar

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.

I might have to take the timestamps off until then.

https://domhabersack.com

#BuildInPublic #NextJS #TailwindCSS

The new version looks more bold and puts my videos and blog content front and center.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Thanks! You were right with the suggestion of moving the timestamps off to the side. Making the category more prominent was definitely the way to go.

domhabersack, to random
@domhabersack@mastodon.social avatar

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.

And I have only tagged a minority of all posts so far.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Oh true, that could work. I’m trying to limit the options first. I’d rather give readers a glimpse into the handful of topics I mainly write about than drown them in twenty tags that only appear once each.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln How’d you feel about something like this? Every article gets put into a category (or “uncategorized”), and the category names at the top can be used to filter down into the categories.

I’m still figuring out what the categories could be. That’s what I get for writing about too many different topics. 🙈

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Right-aligned might work. I gotta see what this looks like once I’ve categorized them all.

I don’t think I’ll worry about them all being the same when filtering by category to reinforce you’re still looking at the right thing, and also to keep the implementation simpler. 😄

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln You mean like this? I like how it looks, but now the categories don’t look as clickable anymore.

But I get what you mean, I’ll play around with that idea a bit!

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln You know what, that’s a really good question. I assumed I’d reuse the same component in several places, but maybe I don’t have to. That way, they can look like buttons at the top and just labels on the posts themselves. That should look nice and clean while still communicating the functionality.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln I could do it like this. Buttons at the top, no buttons on the articles.

I kinda dig it. Only when the title is pretty short, the tag seems a bit lost over on the right there.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln I had tried that, but now they don’t feel as easily scannable. Most articles have a long enough title, I can live with the tag floating in the top right on a few of them.

Thank you very much for all these suggestions, they have made this a lot easier for me. 😄

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Tried it to the left of the date, tried swapping it with the date, tried putting it below and above the date, tried putting it at the bottom. So far, top right wins every time. ✌️

Maybe I’ll put some event tracking on it for a few weeks to see if anyone still tries to click on them.

domhabersack,
@domhabersack@mastodon.social avatar

@amxmln Depending on the project, it’s either @plausible or Fathom Analytics. If I’m feeling fancy I sometimes even do a small Postgres database. I don’t need many metrics with my analytics, a plain counter for “this event happened that many times” is more than enough for my needs.

esther, to webdev

Right after MDN itself, these two pages are probably the ones who saved my ass the most over the years in terms of web frontend documentation:

A Complete Guide to Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

A Complete Guide to CSS Grid
https://css-tricks.com/snippets/css/complete-guide-grid/

I have them open as tabs pretty much all the time when I'm working on something layout related and they've never failed to help me.

They're excellent examples of thorough and well structured documentation on a complex subject.

domhabersack,
@domhabersack@mastodon.social avatar

@esther I’d be in real trouble if those ever went away.

domhabersack, to vscode
@domhabersack@mastodon.social avatar

It’s alive! My syntax highlighting plugin for @Sketch finally works. You can pick from over two dozen #vscode themes to add syntax highlighting to any basic text layer. It’s all done in #javascript, from the API to the plugin itself.

This already speeds my own workflows up a ton.

#buildInPublic #indieDev

A demo of how to add syntax highlighting to a text layer in Sketch. I go through it three times, changing the theme from GitHub Dark to Dracula to Dark Plus.

joelanman, to CSS
@joelanman@hachyderm.io avatar

if all I want from Sass is import (to combine separate css files into 1 at build time for performance) is there a lighter way than Sass?
#css #sass #frontend

domhabersack,
@domhabersack@mastodon.social avatar

@joelanman Sounds like a job for postcss-import: https://github.com/postcss/postcss-import

louis, to DeGoogle
@louis@emacs.ch avatar

Today I "converted" one of my clients from using Google Analytics to privacy-friendly Plausible.io, made by the excellent guys at @plausible.

It took me quite an effort to convince them to do that, but eventually I succeeded. I feel I've made the world a tiny little bit a better place.

If you still use Google Analytics for your own website, stop it right now and consider using a privacy-friendly alternative.

#degoogle #plausible #gdpr #webdev

domhabersack,
@domhabersack@mastodon.social avatar

@louis I tried the same recently, but failed because the client insisted they needed the integration with Google Ads. What were some of the arguments that worked well for you?

domhabersack,
@domhabersack@mastodon.social avatar

@louis A difference in metrics would be very interesting, that’s a solid argument.

The client had a marketing agency on retainer that insisted they needed some audience definition and similar data they only knew how to get from Google Analytics. We were not going to get them to adopt a new stack just for us.

Which is a shame, because I have only had positive experiences with both Plausible and Fathom.

brawaru, (edited ) to javascript
@brawaru@mstdn.social avatar

#JavaScript developers: how do you check if value is null-y (null or undefined)?

domhabersack,
@domhabersack@mastodon.social avatar

@brawaru I always go value == null because it doesn’t match on other falsy values like 0 or empty strings that I might want to let through.

This is the number one thing I have to justify in code reviews. Seems like everybody else prefers !value.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • megavids
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • provamag3
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • anitta
  • Leos
  • tester
  • JUstTest
  • All magazines
    •