Vadim Pleshkov blog

New site

Well, world is gone mad with quarantine but at least times of total lockdown is the time when you totally have no excuse to not working on portfolio.

So, here it is, I have published first version of my new site:

I was playing with Svelte for quite some time now, but it is the first time when I have actually published something build with it — all site is build on Sapper and exported statically. I’ve learned a lot, and overall I very pleased with the experience. Great tool for not making things complex where things not have to be complex.

I also decided to try Tailwind CSS, and it was quite nice experience as well. At first you have to switch to documentation now and then, but as soon as you remembered most often used utility names, working with styling becomes way easier, since you don’t have to switch from HTML-mode to CSS-mode constantly.

Now, as I’m going to publish some more cases soon, I’m probably have to update process of deploying.

 No comments    90   4 mon   me   svelte   tailwindcss   this site

Data driven by corrupt data

Every time you analyse data, it’s useful to ask yourself what conclusions you can actually draw from it. However, it is often important to take a step back and check the data itself.

Here is an example somewhat anecdotal, but well illustrating the problem:

Imagine making any conclusions from the data obtained in this way. It does not matter what results we’ll get at the end of the experiment — the data is doomed anyway. We have no idea what customers meant by clicking on this buttons.

But if you think about it, even if you remove all the ambiguity from the interface of this questionnaire, we still won’t get accurate data. Now it will be the answers of only people who decided to press the button, which also does would not reflect reality.

In this case, to get the real data is very simple — just stand up with the counter, and calculate manually. Of course, this happens rarely, and we have to make all sorts of assumptions from the data. However, before you do them, it is important to make sure first that the data is generally suitable to do so.

 No comments    97   2018  

Remapping arrows on mac

This note is based on this post by Nikita Prokopov, so you may want to read it first.

In a nutshell: when you are in the “print mode” (typing or programming), every time you need to reach arrows or backspace you have to remove your hand from the original position and then return it back. It’s almost imperceptible, but breaking the focus and reduces the speed of work.

As a solution, Nikita made a configurator for the Karabinierer elements — open-source application, which allows you to remap keys on the keyboard to use Capslock as a modifier. In his edition, arrows are reassigned to Caps Lock + IJKL, and the backspace to Caps Lock + H. He also suggested Locking the original keys to get used to using new ones.

Nikita’s version

I already tried to do this with less low-level remappers, and I was happy to set up Nikita’s configuration. However, it quickly became clear that something is missing.

Firstly, there is one more key, which is quite far to reach, but which is just as important when you write — enter. So, my optimal layout would be this:

I assigned Caps Lock + O, to enter, and re-assigned the backspace to Caps Lock + U. (It would be clear why a bit later)

Now, in “print mode” everything is fine: you can write, erase, move to the next line. Particularly nice that all other cursor modifiers continue to work — you can select text with a Shift and navigate by words with the alt.

But...

Often you have to work in «Design mode» when one hand is located on the mouse, and the other — on shortcuts. In this case, the problem is even worse, because now if you need to use the arrows, you either have to drop the mouse and grab the keys, and then move back, or remove the left hand from the shortcuts and try to press the arrows with my left hand. Same with backspace and enter. The situation is even worse than in print mode, and our new shortcuts do not help at all.

It would be ideal to be able to press these buttons with your left hand, without removing your hands from ​the shortcuts area. Fortunately, now we already have a convenient modifier, so we can duplicate similar block of keys in “shortcut area”, so now arrows would be also on Caps Lock + WASD, Bacspace on Caps Lock + Q and enter on Caps Lock +E, like this:

Now you can easily operate with the keys of both the left and right hand. The whole set in the collection looks like this.

Karabinier elements allows you to configure complex modifications with setup json files, which you need to put at:

~/.config/karabiner/assets/complex_modifications

Alternatively, after installing the Carabinieri Elements you can simply click on the link below, that will download my setup file to the correct directory, so you will only have to enable or disable the required key groups as desired:

You can turn on options separately, or make changes to the file in order to extend or change your setup. File on GitHub page

Give it a try!

Install settings

 No comments    367   2018   arrows   design   mac

Sketch change text plugin

Sometimes, when designing in Sketch it handy to change several text layers at once. In general, you could use symbols for same elements, but sometimes it not possible or simply not worth it.

I’ll show you how I faced the problem with changing texts, and end up with writing sketch plugin. For my font design practice, I need to check, how some glyphs look like in several different typefaces. So I make some text layers with different typefaces selected. But now, every time I need to check some other glyphs I have to cycle through all the layers to change a value to the new one — not cool at all.

My first attempt to fix this problem was making symbols from these layers. Now I still had to insert a new value into every layer, but at least I can just copy-paste it into overrides without manually selecting every layer. Better, but still not cool.

On this point, I’ve decided, that ability to change several texts at once would be handy not only in this case, but in everyday work too, so I’ve decided to make a plugin for it.

Here is how it works now:

You just selecting multiple layers, hit a shortcut, and type or past new value. Notice, that if you already have the same value in every selected layer, the plugin will show it in a placeholder, so you can edit it instead of re-typing from scratch (handy for minor changes, like typos).

It also works with groups, so you don’t have to select layers, just select group and it will change the value of every single text layer in it. Despite that, you still can isolate some of the selected layers by making layer name starting with the hyphen.

So, if you find it helpful please try it out, and share it with friends

It’s available via Runner plugin, or on GitHub page: https://github.com/vdmp/bunch-text-chcange-sketch-plugin

 2 comments    528   2018   design   plugin   shortcut   sketch

First step

So here it is, shiny new blog in English!

I will irregularly post here some announcements about my projects, thoughts on design, and maybe something else, let’s see.

 No comments    67   2018