Subscribe via RSS

Goodbye, EdgeHTML

If you haven’t heard it by now, Microsoft is ditching EdgeHTML in favor of Chromium. I’m not the biggest user of the Edge browser, but we are running full speed into a Chromium monoculture — and I think that’s really bad. Here are some more important words on that topic from Mozillas Chris Beard.

Blue Beanie Day 2018

A portrait of Martin Wolf wearing a blue beanie

Since 2006 web developers around the world celebrate the Blue Beanie Day in support of web standards and web accessibility on November 30th.
If you want to show your support, put a blue beanie on (or use this png) and post your photo to your blog or social media profiles.

Autumn Views

I took these two photos with the iPhone because the battery of my Leica Q was empty. I edited them on the iPad with Lightroom. Can’t complain.

A street, left and right trees, the sun is sitting very low, looking through the trees.
A landscape with a green field in the foreground and some fog and forest in the background

The button centering dilemma

The <button> is a very special element. From a CSS perspective it comes with many default styles compared to a lot of other elements. In addition to that it comes with at least one really strange behaviour. I’m talking about the vertical alignment of content inside the button.

If you have a <button> with fixed dimensions and have any content inside it, it will be vertically and horizontally centered. For a second that sounds awesome, because (vertical) centering can be a pain in CSS sometimes - though it got a lot better over the past years and often that’s what you want in a button anyways, right?

The horizontal center is because of the default text-align: center and can be reset easily. But as far as I know this default behaviour can not be traced back to a CSS property which in turn means, you can not reset it if you need exact control over how the content inside the <button> is positioned.

The other day I was creating a <button> as one does if the user interaction should not go to a url and I needed to precisely position something inside when I was reminded of this issue. So the goal for me was to get the same baseline in all browsers, which means position the content inside in the top left corner and then go from there.

The solution is relatively simple but it’s annoying that we need to use it.

Step 1

Set text-align: left.

button {
	width: 50px;
	height: 50px;
	text-align: left;
}

Step 2

Remove the default border either with border: none or a new one like border: 1px solid black. The default <button> border not only creates a border, it also creates some sort of padding inside even though you set padding: 0;, which we will also do.

button {
	width: 50px;
	height: 50px;
	text-align: left;
	border: none;
	padding: 0;
}

Step 3

Add a helper element as the first item of the <button>. Use a <span> and have it fill the whole button with display: block, width: 100%; and height: 100%;.

<button>
	<span>
		👋
	</span>
</button>
button {
	width: 50px;
	height: 50px;
	text-align: left;
	border: none;
	padding: 0;
}

button > span {
	width: 100%;
	height: 100%;
}

This way the content inside the <span> will be in the upper left corner and we can go from here we whatever we want to do.

I made a CodePenso you can see it in action.

About Safari & Flexbox

In the past the same trick was necessary when you wanted to use Flexbox directly on a <button> element. Safari ignored it, but if you added the helper <span> and made it cover the whole button, you could use display: flex; on the <span> instead and you were good to go.

It seems like Safari 12 fixed this issue. It’s still good to know if you want to be somewhat downwards compatible.

Lunchbreak view

Green meadow with some trees on the horizon and bright blue sky

One of the reasons I moved out of the city was that my lunchbreak could look like this. 🌳

New headphones

Since I didn’t upgrade my iPhone (the first time since the iPhone 4 I think 😳) and iPad this year, I clearly had too much money lying around, so I decided to do some research on new headphones and eventually bought the beyerdynamic DT 990 PRO and the Sound Blaster X7 USB-DAC sound amplifier.

Since the introduction of the AirPods two years ago I almost exclusively used them on my MacBook as well as my iPhone and iPad. Sometimes even with the AppleTV. Apple Earpods have always fit very well in my ears and have never fallen out. Earplugs in general also seem to be better for my tinnitus, so I was and still am extremely happy with the AirPods. Not having a cord and being able to stand up from my desk and go to the toilette while still listening to music is amazing! 🚽🎧

So, why did I just buy new expensive headphones?

For quite some time now I was craving for the listening experience of more traditional over-ear headphones and I was also interested in higher quality audio, especially for gaming, where I used a Razer Kraken 7.1 V2 headset for the past 1 1/2 years. Which also definitely isn’t a bad headphone.

But I can say I am extremely happy with my new setup. It sits very comfortably and I can wear it all day. The audio quality is amazing, especially the Scout Mode of the Sound Blaster X7 is doing wonders when playing games.

This upgrade means I no longer have a microphone right on the headphones and have to use my Blue Yeti microphone for Discord while gaming, but that’s fine and is probably even better for my teammates.

I mentioned that my tinnitus has been better with earplugs than with headphones in the past and this still seems to be true. For that reason and that I still really like the AirPods because of all their advantages, I will keep using them, but not exclusively anymore.

My Gaming Settings (2018)

When playing first person shooter games on the PC with mouse and keyboard your mechanical skills are one of the important pieces to perform well. I edit my settings in a way that a 360° turn of my charackter means the same amount of mouse movement on my mousepad in every game. That means I can build up muscle memory and over time become more precise while at the same time act faster. While I think it’s most important to have the exact same mouse sensitivity in every game, it’s also good to have the same keybindings.

Because I’m me and I like to improve every little bit of my gaming I wrote down a bunch of settings and keybindings I use across games so I can reference them easily when starting with a new game or setting up a new PC.

Maybe you get some value from it, too.

Goal

360° turn in hip fire: 45cm mouse movement -> 180° -> 22,5cm

Windows

Pointer speed: 7/11
Enhance pointer precision: off

Mouse Settings Razer DeathAdder Chroma

DPI: 400
Acceleration: 0/off
Polling Rate: 1000

Battlefield V

Sensitivity: 11%
Raw mouse input: on
Soldier Zoom Sens: 75%
Soldier Zoom Sens Advanced: 100%
Vehicle Sens: 100%
Uniform Soldier Aiming: On
Coefficient: 133%
ADS FOV: off
Future Frame Rendering: On Nvidia Control Panel Battlefield V profile Future Frame Rendering: 2

Battlefield V specific keybindings

Mouse wheel down: switch to secondary weapon
Mouse wheel up: switch to primary weapon

CoD Black Ops 4

Sensitivity: 7.70
ADS Mouse Sensitivity: Relative
ADS vertical & horizontal multiplier: 1.00
Monitor Distance Coefficient: 1.33
Mouse acceleration: 0.00
Mouse filtering: 0
ADS FOV: Independent

Nvidia Control Panel

GSync: Off
VSync: Off
Power management mode: Prefer maximum performance
Preferred refresh rate: Highest available

Graphics ingame

FOV: 90 (horizontal)
Resolution: 2560x1440
Refresh rate: 144Hz
Limit fps: 143 (200 or unlimited)
VSync: Off

Keybindings

Side Mouse button front: „offensive“ ability/equipment
Side Mouse button back: „defensive“ ability/equipment
Mouse wheel: switch/cycle through weapons & equipment
Shift: hold running / hold steady aim
Ctrl: hold crouch
C: toggle crouch/slide
X: toggle prone
E: use/interact
F: Melee
T: Equipment/Ability
G: Grenade
Q: Spotting, Commo Rose, (Ultimate) Ability
R: Reload
V: change fire mode
Z: ingame voice
M: Map
Alt: Map or ability Tab: Scorebord/Inventory

Statusupdate

Sonnenuntergang
#nofilter

Oh hey, schön dass ihr noch da seid. Es wird Zeit mal wieder ein Update zu posten. In den letzten Wochen hat sich ein bisschen was getan und in den nächsten Wochen wird sich noch mehr tun.

Warhammer

Nach einer 15jährigen Pause habe ich vor ein paar Wochen wieder angefangen Warhammer Figuren zu bemalen. Wer keine Ahnung hat wovon ich rede. Schaut doch einfach mal direkt bei Games Workshop vorbei oder klickt euch den Hashtag #PaintingWarhammer bei Instagram. Ich bemale diese kleinen Plastikfiguren, baue eine Armee auf und dann kann man gegen andere Leute spielen. Ein paar meiner (work in progress) Figuren gibt’s auch bei mir auf Instagram zu sehen. Zum Glück bin ich nicht alleine, denn mein Bruder hat auch wieder damit angefangen.

Umzug

Was mich auch direkt zum nächsten Thema bringt. Ich werde Ende Oktober umziehen, und zwar werde ich zusammen mit meinem Bruder unser Elternhaus übernehmen. Ich freue mich riesig darauf wieder in die Heimat zu ziehen, mit meinem Bruder zusammen zu wohnen und die Natur und die Ruhe zu genießen. Das Haus steht nämlich in einem kleinen Dorf in der Nähe von Kassel.

Roadtrip

Bevor das allerdings passiert machen mein Bruder und ich noch eine Reise mit einem VW Bus. Grobes Ziel: Dubrovnik in Kroatien mit Umweg über Österreich. Den Bus habe ich am Freitag in Berlin geholt, bin damit noch zu meinem Bruder gefahren, wo ich auch gerade diesen Blogpost tippe. Morgen, Sonntag, geht’s dann los. Vermutlich erstmal bis nach Schönau am Königsee, wo wir eigentlich auch ein Tag bleiben und ein bisschen wandern wollten. Leider soll es überall im Süden am Montag den ganzen Tag regnen. Vielleicht gibt’s da also auch noch eine Planänderung.

Außerdem wird es gerade Herbst und ich liebe es. 🍂 Ich kann mit so einem heißen Sommer einfach nichts anfangen. Ich bin gerade einfach endlich mal wieder sehr gut gelaunt und freue mich riesig auf alles was da jetzt in nächster Zeit kommt. Erst ein bisschen Abenteuer, der Umzug und dann einfach eine richtig schön entspannte Zeit im alten neuen Zuhause.

Ach, und nicht zu vergessen: Im Oktober kommt CoD Blackout raus und im November Battlefield V. Fortnite Season 6 läuft auch und DotA begeistert mich auch weiterhin.

🤩

Tschüss Leica M9

Leica M9

Am 27. Juni 2013 (Blogpost) habe ich mir einen Traum erfüllt und eine gebrauchte Leica M9 gekauft. Heute, über fünf tolle Jahre mit der M9 später, habe ich mich wieder von ihr getrennt. Tschüss M9! 👋

Tegeler Hafenfest

People sitting at a lake
July 21st, 2018