This page explores how you can store time in Notion databases as readable text (hh:mm:ss) while still being able to do calculations with those times or do filtering and sorting. Each example database has a few records with a time, we want to be able to calculate the total amount of time of all records.

Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested not using 100vh, others have come up with different alternatives to work around the problem. In fact, this issue goes further back a few years when Nicolas Hoizey filed a bug with WebKit on the subject (the short of it: WebKit says this is “intentional” 🧐).

preventDefault and stopPropagation: when to use which and what exactly each method does

Рекомендовано Викой Колесниченко

How to set up an interactive checklist using a Git pre-commit hook script.

In this article, I want to quickly introduce you to the idea of Observables, using elementary but real-life examples. There will be some basic theory at the beginning, but the rest is just me, you, and Observables. Let the fun begin!

FFmpeg — мультимедийный комбайн, набор библиотек которые позволяют записывать, обрабатывать и конвертировать видео и/или аудио материалы в различные форматы. С помощью этого инструмента можно производить видео монтаж практически любой сложности. Его используют многие плееры, конвертеры, редакторы и библиотеки компьютерного зрения. В этой статье я поделюсь трюками и хитростями с FFmpeg, которые и сам часто использую в работе.

Из подборки vc.ru о самых популярных статьях за год, наткнулся на эту "Как похудеть без спорта в домашних условиях на 10 кг".

Как всегда, не так интересна статья, а комментарии к ней, где каждый отчасти соглашаясь с автором «да это же очевидно, чтобы похудеть, нужно меньше есть», добавляет что-то со своей колокольни «но как можно худеть, если плохие гормоны/замедленный метаболизм/тяга на сладкое/» и т.д.

Я тренирую онлайн и один из частых запросов подопечных — это снижение веса. Я не диетолог, и не составляю рацион для людей с заболеваниями ЖКТ и прочее. Я не нутрициолог, и не составляю рационы по микроэлементам, чтобы восполнить дефициты веществ etc. Я — тренер и мотивирую (заставляю) подопечных тренироваться под моим контролем до тех пор, пока это не войдет в устойчивую привычку, а чтобы тренинг не сопровождался упадком сил, травмами, недовосстановлением, помогаю корректировать питание. Да и яркие результаты в тренировках возможны только при правильно подобранном рационе. Когда все эти условия выполняются, мой подопечный неизбежно худеет, даже тогда, когда такой задачи не ставилось.

Так что накопившийся опыт позволяет порассуждать в этом направлении и разобрать частые заблуждения относительно процесса снижения веса, которые очередной раз встретились в комментариях.

The console panel in your favorite browser's DevTools can be a very powerful ally when troubleshooting problems in a web app. Log data, send requests, manipulate DOM elements, you name it, the console can do it all!

How to fix common issues when adding Storybook to a Snowpack app.

Shipping accessible features is as essential for a frontend developer as shipping features without bugs. Here is a list of tools I regularly use to make sure everything I do is accessible for folks with different abilities, whether they are blind or holding a sandwich in their hand. I’ll start with tools that will give us immediate feedback when we’re writing code, and continue with tools that we have to run ourselves or guide us on how to test things manually. This article will be useful not only for developers but also for designers, project managers, and other team members — many of the tools could be used directly in the browser and don’t require any technical knowledge.

Пошаговый рецепт:

Возьмите стеклянный стакан или кружку, налейте в него порцию сгущённого молока, а для освежающего "Айс кофе" добавьте еще 3-4 кубика льда.
В фин (кофе-фильтр) кладут 2-3 ложки средне- или крупномолотого кофе, равномерно распределяя по дну. Количество кофе влияет на крепость напитка, если хотите густой как у вьетнамцев, то кладите 3-4 ложечки, а то и больше. ​
Накрывайте кофе прессом (ситечко с ручкой), слегка утрамбуйте, покрутив его пару раз, давить не надо.
Залейте сначала немного кипятка, чтобы кофе впитал эту влагу, дайте ему «поцвести» 30-40 секунд, а уже потом заливайте фин горячей водой и накрывайте крышечкой.

Applying the oil is extremely simple and straightforward. Just remember that the shaving unit must be dry, so if for example, you washed the shaver with water, give it a few hours to dry.

For foil shavers, just put a single drop on the outside of each foil and also on the pop-up trimmer as it can get even hotter than the foils during use.

Again, a little bit goes a long way and a single drop on each cutting element will suffice.

I’ve been writing end-to-end tests for the place I work at, which has its main product written in Google’s AngularJS. The dedicated E2E testing framework for AngularJS is the Protractor framework. While it’s a nice project, the documentation is a bit terse at times, and a lot of my understanding came, unsurprisingly, from Stack Overflow. Here are some of my key learnings, also for future reference. Some of it may seem a little obvious, but my experience with JavaScript doesn’t go much further than <script>alert('Hello World!')</script> so bear with me here.

Learn how to avoid sudden layout shifts to improve user-experience

We set out to make the WordPress project bootstrap process painless and future-proof. To do this, we use a combination of Jenkins, some custom WP-CLI commands, and a custom Pantheon upstream.

An extensive guide on how to style for RTL in CSS

On MacOS High Sierra I had to create the directory KeyBindings and then create the file switching the ^ and @ symbol. Then I had to close Atom and open it again.

{
"@^\UF701" = "noop:";
"@^\UF702" = "noop:";
"@^\UF703" = "noop:";
}

This site contains 29761 parsed manpages from sections 1 and 8 found in Ubuntu's manpage repository. A lot of heuristics were used to extract the arguments of each program, and there are errors here and there, especially in manpages that have a non-standard layout.

It is written in Python and uses bashlex, a bit of NLTK (to find the interesting parts of the manpage), a little d3.js (for the connecting lines graphic) and Flask. It is served with uwsgi and nginx. Source code is available on github.

My name is Idan Kamara and you can contact me at idan at explainshell dot com for any questions or suggestions.