Don't use the br + br selector to hide the superfluous carriage return.

Yoan Malié — Tue, 10 Sep 2019 10:26:32 +0000

You probably see some advice on the web and especially on Twitter about this selector:

br + br {
  display: none;
}

Theorically, you want to hide the superfluous   elements that are sometime added by a text editor in a CMS when you hit Enter. This selector seem pretty neat! This Tweet from Harry Robert who got a lot of Retweets and Likes, mention this tip.

But do you know what is really happening…?

Let's give a look on this Pen I made. It's a simple text with some carriage returns added on it. You will notice that I added two siblings   tag and this is the second one that we want to hide with this selector!

The fact is that the   tag is part of the text DOM, you will see that all the   tag except the first will be hiden. This will completely interfere with the reading by showing us some big parts of unreadable text.

I'm curious if you know others tips to get rid of bad outputs from CMS. Let me know!

Get the best out of the Macbook Touchbar with iTerm2.

Yoan Malié — Tue, 25 Jun 2019 21:09:50 +0000

The Touchbar on the Macbook is great. I use it because it's give me useful shortcuts on some apps and I can configure it depending of the application.

We hope that one day we will be able to make a full custom Touchbar with our own buttons, easily. But unfortunally I don't think this feature is planned (Keep on hoping 🤞).

So for this article, let see what we can do in iTerm2 for a better experience with the Touchbar.

At first, I was just trying to make simple shortcuts buttons to launch Git or NPM commands.
So in iTerm2 > Preferences… > Keys, there a button on the bottom right for Add Touch Bar Item. This will open a little popup.

Enter the label you want for the button in the Touchbar, you can add an emoji with ⌘ Command + ^ Control + Space.
For the action, scroll down and select the "Send text" option.
You can now type your command, you have to add a trailing \n to tell iTerm to go back to a new line after sending the command, this will avoid some weird look with your theme.
For a simple git status, the action would be git status\n.

Repeat this step to create as many buttons as you want.

Now, we need to add them to the Touchbar, just go to View > Customize Touch Bar and drag and drop the buttons into the Touchbar.
You maybe need to quit and reload iTerm if you don't see them yet.

And there it is!

It's cool right 😎?

DEV Community: Yoan Malié

Don't use the br + br selector to hide the superfluous carriage return.

Get the best out of the Macbook Touchbar with iTerm2.