antimodern

myxotod.github.io/shadow-image

я просто оставлю это здесь..

Давным давно (года 2-3 назад) заварилась тема рисования с помощью CSS. Я тогда даже небольшую заметку на хабр писал по этому поводу. В те времена мы делали простые картинки вроде таких:

Это было интересно и познавательно. С одной стороны это челлендж, с другой - способ самообразования. На тот момент картинки были не очень сложными для понимания и тема людям понравилась. Время шло, народ постепенно изучал основы CSS (правда как всегда не у нас, у нас это дело в основном критиковали со словами "фигней маятесь, зачем это нужно" или "ну я же фронтенд-сеньер-реакт-помидор-разработчик, зачем мне нужно знать CSS"), но так или иначе картинки становились все более интересными, появлялись новые квесты и на данный момент можно сказать, что это своеобразный вид искусства с практически полезной составляющей. Понятное дело, что в продакшен такие картинки делать долго - проще взять SVG, но для обучения они хорошо подходят. Магии там нет.

В зависимости от кол-ва. Если вы пару таких статей разместите - ничего не случиться.

find . -type f -regex ".*\.\(otf\|ttf\)"

find . -type f \( -name '*.otf' -o -name '*.ttf' \)

Не стоит парсить ls

for font in *; do
    if [[ "$font" == *.pdf ]] || [[ "$font" == *.jpg ]]; then
        echo "$font"
        "$HOME"/Downloads/sfnt2woff-zopfli-master/sfnt2woff-zopfli "$font"
        "$HOME"/Downloads/woff2/woff2_compress "$font"
    fi
done

в начале скрипта ,до цикла, вставь строку
IFS=$'\n'

Берите в кавычки.

IFS=$'\n'
for font in $(ls -1); do
  if [[ "$font" == "*.otf" ]] || [[ "$font" == "*.ttf" ]]; then
    echo "$font"
    $HOME/Downloads/sfnt2woff-zopfli-master/sfnt2woff-zopfli "$font"
    $HOME/Downloads/woff2/woff2_compress "$font"
  fi
done

Ну смотрите, можно взять ситуацию в вакууме, где есть абсолютно 2 одинаковых сайта по всем параметрам которые только можно представить, есть вероятность что для Колумбии лучше ранжироваться будет .co, чем, com. Как вы понимаете - такой ситуации на самом деле существовать не может.

Советую под сео акцентировать внимание непосредственно на имя домена.
По поводу ввода ручками - если у вас достаточно простое и запоминающееся имя то его просто будут вводить в поисковик.

Я думаю, что с вашим бекраундом и задачами нужно в Рельсы. Они позволяют вывести Hello World буквально за несколько комманд. Rails из коробки поддерживают вебпак и JS фреймворки.
Сейчас очень просто сделать SPA c бекендом на Рельсах. И это получается реально быстро.
В рельсах все очень четко разложено, что-где лежит, поэтому легко разобраться будет. И поначалу даже учить руби нет смысла, все будет делать Scaffold.
Попробуй:
rails new appname
cd appname
rails db:create
bundle
rails webpacker:install:vue
rails g scaffold post title:string body:text
rails db:migrate
rails server

localhost:3000
или
heroku create
git push heroku master

https://guides.rubyonrails.org/getting_started.html

Такое легко решается плагином от Astute Graphics, под названием Collide

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

Создаем параллельный контур для правой фигуры со смещением допустим 5px

Рисуем эллипс по форме левой фигуры

Переноси параллельный контур поверх всех объектов

Вычитаем из эллипса параллельный контур

готово

уголки доработать скруглением и пером

Для чего юзается питон:

1) Веб-разработка в больших компаниях (экономия на читабельности кода, наличие асинхронных фреймворков, наличие молодняка из вузов - для столиц).

2) Разработка стартапов, которым нужно хорошо в матетику или некий прототип машинного обучения. Например, хорошо на нем пишутся сервисы для сбора аналатики и прогнозов.

3) За счет наличия асинхронных веб-фреймворков можно писать разные чаты и прочее. Но тут не причина, а приятное дополнение.

4) Написание парсеров веб-контента. Есть все инструменты в коробке.

Собственно все

p.s. ну и https://habr.com/ru/post/322332/

Основной список применений Python:

• Machine Learning
  
• Date Science
  
• Web App - REST, GraphQL
  
• Scraping
  
• Различные скрипты, автоматизирующие рутину
  

Если Вас интересует web - то это Django, Django Rest Framework, Flask и темпы набирает aiohttp.

• Django - есть все, что пожелает душа, удобно, быстро в разработке, обладает крутым ORM из коробки и встроенной админкой. Проект активно развивается, количество контрибьюторов и экосистемы с возрастом увеличивается
  
• Flask - микрофреймворк, который можно расширить так, как захочется. Проект умирает, давно не было релизов, но достаточно много проектов на нем написано, поэтому экосистема достаточно развита. Но каждую фичу надо будет писать самому или искать либу под это дело.
  
• aiohttp - асинхронный клиент / сервер, из популярных библиотек самая быстрая. Проект молодой, но активно развивается, экосистема растет
  

Если использовали Node, то точно знакомы с асинхронным программированием и активно использовали. Но в Python асинхронщину завезли недавно (3 года назад) и только сейчас она приобретает достаточно удобный интерфейс для использования, поэтому большая часть реальных приложений написана в синхронном стиле.

С помощью Django и DRF можно очень быстро создать REST API, которое будет удобно поддерживать или расширять. Бонусом к этому будет удобная администраторская панель.

Python плохо подходит для написания следующих приложений:

1. GUI приложения
   
2. iOS / Android
   
3. Разработка игр
   
4. Низкоуровневые приложения, которые работают с сетью
   

https://developer.mozilla.org/en-US/docs/Web/API/W...

window.addEventListener('storage', function(e) {  
     console.log('Данные localStorage были изменены из другого окна или вкладки!');
});

По-моему, оптимальный вариант тот, что повсеместно используется — каждая иконка отдельным компонентом.

<app-icon-heart/>
<app-icon-like/>

Спрайты здесь вряд ли нужны. Код и так собирается в единый бандл.

Если делать ровно то, что спрошено, тогда

tags.filter(n => active.some(m => m.name === n.name))

// или

active.flatMap(function(n) {
  return this.get(n.name) || [];
}, new Map(tags.map(n => [ n.name, n ])))

Но можно решить задачу и в чуть более общем виде:

function intersection(data1, data2, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set(Array.from(data2, getKey));
  return Array.prototype.filter.call(data1, n => keys.has(getKey(n)));
}

// ваш случай
intersection(tags, active, 'name')

// есть и другие варианты применения
intersection([ 69, 187, 666 ], [ 0, 1, 2, 3, 187 ]) // [187]
intersection('aBCdE', 'bDfHj', n => n.toLowerCase()) // ['B', 'd']

Никакой магии. В app.css на 601 строке он просто скрыл скроллбар.

* ::-webkit-scrollbar {
    display: none;
}

Думаю по этой строчке вы догадались, что его нет только в хроме.