ch
Feedback
Елена Литвинова — про путешествия, бег, программирование 🛸

Елена Литвинова — про путешествия, бег, программирование 🛸

前往频道在 Telegram

Рассказываю про технологии и веб-разработку, плюс иногда истории и мемуары из жизни.

显示更多
2 447
订阅者
无数据24 小时
-77 天
-3130 天
帖子存档
Всем классной пятницы! Разберём новинки, которые уже с нами и ждут нас в ближайшем будущем. 🎓 Галереи и карусели на чистом CSS. В одной из серий видео я рассказывала как сделать swipe gallery на CSS, практически без использования JS. Вот это видео: https://www.youtube.com/watch?v=0JDOoWKlNJc и ссылка на GitHub https://github.com/webelart/swipe-gallery-react/tree/master. Основные используемые CSS свойства: scroll-snap-type, scroll-snap-align и scroll-snap-stop. Сейчас происходит введение возможности кастомизации навигации тоже на CSS, т.е. без использования JS совсем. Навигация — это кнопочки право-лево и точки. Пока эта возможность доступна в chrome и edge. Chrome последняя 134 версия с установленным флагом Experimental Web Platform features. Установить можно здесь chrome://flags/#enable-experimental-web-platform-features. ⭐ И когда всё будет установлено, попробуйте поиграться здесь: https://chrome.dev/carousel-configurator/ ⭐ Документация. Сколько там всего с точки зрения карусель! https://chrome.dev/carousel/ 🎓 Search Select. Эта новинка уже внедрена в последние chrome и edge без флагов 134 версия. Можно кастомизировать буквально всё, задавать иконки, аватарки, менять иконки стрелочки и многое другое. Здесь примеры разных селектов: https://codepen.io/argyleink/pen/wvYrZEV. P.S. не забудьте обновить Google Chrome. 🎓 Дополнительно. 🌷Scroll-Driven Animations — https://www.youtube.com/playlist?list=PLNYkxOF6rcICM3ttukz9x5LCNOHfWBVnn. 🌷CSS if() function: https://chromestatus.com/feature/6313805904347136 🌷Pseudo-class для видео :playing https://codepen.io/utilitybend/pen/eYoyGoW 💐 Если посты с новинками интересны, ставим реакцию.

Всем привет! Бег и спорт, результаты и первый официальный полумарафон 🏃‍♀️ В воскресенье я пробежала свой первый полумарафон в официальном забеге. Время 1 час 51 минута, средний темп 5 минут 17 сек. на км. Тренеруюсь я уже 7 месяцев по тренировочным планам от Алексея Арсентьева — президента Федерации триатлона Тверской области. За всё время пропустила максимум 1-2 тренировки и то по уважительной причине. И в воскресенье сделала полумарафон за офигенное время, не только выбежав из 2-х часов, но и приблизилась к 1 часу 50 минутам. ⭐️ Круто? Очень! Про забег Забеги в Англии часто начинаются относительно рано, часто по воскресеньям. 9-30 утра старт, на место надо приехать к 8, 8-30. На улице прохладно с утра (2 марта около 0 градусов), к обеду становится теплее до 9 градусов цельсия. Перед стартом важно разогрев, у меня были: беговые упражнения и тренировка ритма бега на 4-40, 4-50. Лёша заранее прописал полумарафон: — Лен, твоя форма сейчас на 5-10. Плавно стартуешь после 3км приходишь к своему темпу, бежишь ещё 8км — ешь углеводный гель и еще 8км в таком же темпе продолжаешь, последние км постепенно ускоряешься. Но! это если хочешь показать результат. Успехов.) Что ж, местность холмистая, бежать на результат по холмам… В гармине я задала тренировку, с началом в 5-30 и далее уже по нарастающей. Основной темп задала с 5-00 до 5-20. Ладно была не была, побежали. Холмы, волнение перед стартом, 4 круга по 5км, с окончанием финиша на холме. Старалась держать темп, но в горки он, конечно, проседал, с горки нарастал. Тем не менее, это не компенсация. Важно, просто не останавливаться, бежать всегда. Первые два круга дались довольно легко, далее надо продолжать держать темп. 3-ий круг дался сложнее. А последний почти на силе воле, просто двигать ногами. И я финишировала! 🏃‍♀️ Забег был организован хорошо. Была даже сделана общая разминка перед стартом. Темп 5-17 по холмистой местности — это однозначно да и даже лучше! В здоровом теле, здоровый дух! Всем спорта, дисциплины, мотивации и крутого продолжения недели.💗 Фото приложу ниже. 🫶 Если такие посты интересны ставьте реакцию.

Давайте повторим Best Practice (лучшие практики) разработки веб-приложений. Как один из популярных вопросов на интервью. 1. Дизайн и UX/UI. Отзывчивый дизайн. Адаптация под разные экраны — мобильные телефоны, планшеты, десктоп. Простота и ясность. Меньше значит больше. Как-то читала книгу, добавь воздуха. Где много говорилось про важность пространства и не бояться его. Лучше недогрузить, чем перегрузить Доступность. WCAG — web content accessibility guide. Официальная документация здесь https://www.w3.org/TR/WCAG21/ 2. Производительность Оптимизация изображений. Использование сжатия (моя любимая пандочка pandapng — конечно можно и другие виды использовать) и lazy loading. Минификация и сжатие. CSS, JS, GZIP. Кеширование на стороне сервера и клиента. 3. Безопасность. HTTPS. Валидация данных. Валидировать все запросы на клиенте первая валидация, но самое обязательное, конечно, сервер. Плюс от всяких атак XSS, SQL инъекций и т.д. Обновления и патчи. Обновляем библиотеки систематически. 4. Разработка. Семантический HTML. Теги, СЕО. Не разрабатываем сплошными div и span, кстати именно поэтому я не люблю веб-сайты разработанные на платформах. Если заглянуть в HTML там, то лучше не смотреть. React + Redux Toolkit и другие архитектурные шаблоны. MVC? В общем просто архитектура. Автоматизация и тесты. Unit, end to end и мои любимые сравнение скриншотов, чтобы вёрстка ошеломительная и ее никто не портил. 5. SEO И вновь HTML, мета теги и заголовки. Всё делаем красиво и качественно. Мета теги также ответственны за красивую ссылку в соц. сетях. Чистые URL. Понятные чистые URL для лучшей идентификации поисковиками. Конктент. Качественный, уникальный, полезный. 6. Версионирование — Git 7. Мониторинг и аналитика Гугл аналитика, либо другие инстурменты Логирование ошибок и т.д. 8. Документация. API документация. Документация по использованию, README, а также руководство для того, чтобы команда могла быстро запускать код. Пишите в комментариях, что ещё? 🎉🌲 Открытки должны были уже дойти. По крайней мере все кому отсылала из друзей, уже написали и из России в том числе. Почта в этом году на удивление работает очень быстро. ❤️ Если пост понравился, ставим реакцию. Благодарю.

Всем доброе утро/день. Go ahead. Business English: Meetings Закончила ещё один курс по бизнес-английскому. Ссылка на мой новый сертификат здесь: https://www.coursera.org/account/accomplishments/verify/6GNVIB7NANWY. Теперь подробнее, на курсе обсуждалось: 1. Эффективное общение на встречах: как лучше коммуницировать, как корректно высказывать свои предложения и несогласия, как готовиться к встречам и как их лидировать. Создавать agenda (план). Как корректно переносить митинг или просить о переносе. 2. Рассматривались различные виды встреч, в том числе телеконференции. И как их вести корректно. Например, важно называть своё имя, прежде чем высказывать предложение или задавать вопрос. 3. Использование языка и словарного запаса (vocabulary): поддержка вежливого и одновременно профессионального общения. 4. Как составлять заметки (minutes) после встреч и что важно в течение ближайших 24 часов их всем отправить. 5. Мозговые штурмы, примеры положительных коммуникаций и негативных. Курс, конечно, рекомендую. Особенно если планируете работать в зарубежных англоязычных компаниях. От себя замечу, что подобные курсы классно вводить в целом на разных языках. Я помню, что в России были встречи и возможности послушать доклад, где покрывались некоторые аспекты подобных коммуникаций. Но настолько полного курса не встречала. Задачи на острова Вчера вышло классное видео разбора данной темы на моём канале. Я немного подредактировала код: https://github.com/webelart/the_beauty_of_code/blob/main/Leetcode/README.md#286-walls-and-gates-meduim. Буквально сократила переменные, определила шаг. И победила 73% решённых задач на LeetCode. Не скажу, что я очень доверяю этой статистике, т.к. иногда она сильно прыгает + мои изменения не были чем-то действительно глобальным. Но в любом случае, решение по подсчётам LeetCode улучшилось. Ещё задачи на тренировку этой темы, которые доступны на LeetCode без подписки: 🫶 https://leetcode.com/problems/surrounded-regions/description/ 🫶 https://leetcode.com/problems/max-area-of-island/description/ 🫶 https://leetcode.com/problems/count-unreachable-pairs-of-nodes-in-an-undirected-graph/description/ 🫶 https://leetcode.com/problems/find-all-groups-of-farmland/description/ 🫶 https://leetcode.com/problems/maximum-number-of-fish-in-a-grid/description/ И ещё несколько с подпиской: 🫶 https://leetcode.com/problems/number-of-islands-ii/description/ — Хард 🐱 🫶 https://leetcode.com/problems/number-of-distinct-islands/description/ 🫶 https://leetcode.com/problems/number-of-distinct-islands-ii/description/ — Хардкорище!!! 😈 И видео дня, немного психологии и позитивного общения с собой. Мы живём с собой 24/7, круто с собой дружить: https://youtube.com/shorts/ldt32dmnQtc?si=NjA8dYShFvkxjY2M. Всем хорошего дня. 💗

Всем начала новой недели. ⭐️ Только, что выпустила новое видео. Продолжаем решать leetcode. В этот раз затронем тему островов и обход дерева в глубину. Решим задачу medium уровня: 'Walls and Gates' с двумя сложностями: 1. Сначала рекурсивно через O(N^2). 2. После с линейной сложностью O(N). 15 минут кодинга уже на канале. 🎓 https://youtu.be/ffVO_fQGKwE

Всем начала новой недели. ⭐️ Только, что выпустила новое видео. Продолжаем решать leetcode. В этот раз затронем тему островов и обход дерева в глубину. Решим задачу medium уровня: 'Walls and Gates' с двумя сложностями: 1. Сначала рекурсивно через O(N^2). 2. После с линейной сложностью O(N). 15 минут кодинга уже на канале. 🎓 https://youtu.be/ffVO_fQGKwE

Я рада сообщить, что получила новый сертификат об окончании курса: Принципы дизайна UX/UI от Meta! На курсе разбиралось различие UX и UI, например: ☀️ UX (user experience) — это пользовательский опыт, это не только дизайн — шире. Т.е. обычно всё начинается именно с исследования, где задаются вопросы: кто наши пользователи, что им нужно, что их останавливает от получении товара, услуги и т.д. Затем предложение решений с помощью прототипов в figma (например). ☀️ UI (user interface) — это красивый дизайн в фигме, который основан на выбранном прототипе. Т.е. уже финальный макет, который уходит в разработку. Разбирались лучшее практики, было много домашних заданий: создать персону, описание типичного пользователя продукта, построить карту путешествия пользователя, сделать прототип и т.д. Понравилось, что рассматривались основы фигмы: как создавать компоненты, реиспользовать их, как делать интерактивные интерфейсы. Т.е. курс подойдет как для тех, кто хочет укрепить знания в понимании UI/UX, так и для начинающих, кто только начинает работать с фигмой и дизайном. Всё подробно и классно. Мой сертификат: https://www.coursera.org/account/accomplishments/records/LJAW4BO0E4VT

Всем привет и Четверг! 🎓 Только что закончила очередной курс на курсере в этот раз от Мичиганского Универститета — Python for Everybody. Курс понравился, помог начать писать на питоне и в целом разобраться с основным синтаксисом. Что ещё было классно — это преподаватель Charles Russell Severance. Интересно рассказывалось всё, в начале курса даже поразбирали компьютер и в целом как он работает. Курс подойдет для начинающих в программировании в целом. Мне как преподавателю, было познавательно посмотреть подход к обучению и да, объяснено всё на высшем уровне. Также были и бонусные секции, где разбирались интервью с лидерами в индустрии и с учениками. Рекомендую! Ссылка на мой сертификат: https://www.coursera.org/account/accomplishments/verify/DM817KTX6RB3 Всем отличного четверга и продолжения недели. 🫶

Понедельник и новая задача! 🧐 Сериализация и десериализация бинарного дерева, решаем задачу на leetcode, уже на канале. Вновь попробуем обход дерева в ширину и решим уже сложную задачу. Очень надеюсь решение зайдёт, пишите свои, и также мотивация на программирование, что также важно. Го, го, го!!!🫶 https://www.youtube.com/watch?v=KUTmxI1SMxA

Ребята всем привет и воскресенье! 🏃‍♀️ Видео. Новое видео уже заснято и монтируется, скоро будет! Вновь про алгоритмы, будем решать одну hard level задачу — очень, очень интересную! Постепенно, но верно возвращаюсь на ютуб. Огромное всем спасибо за позитивные комментарии, интерес и решение. Также я продолжаю репозиторий the beauty of code наполнять последними решёнными задачами: https://github.com/webelart/the_beauty_of_code. Первый забег. Сегодня у меня состоялся первый забег в Regent’s парке. На забег меня вдохновила Валерия Клейн (https://www.instagram.com/valeria_kleyn). Классная, познакомились благодаря худи, которые Валерия производит и продаёт в том числе. Богиня Бега.💃 Забеги... есть особая атмосфера в этом, все бегут и даже твоя скорость невольно увеличивается, а в конце на последнем километре разгоняясь на дистанции, думаешь 170 пульс, ну ещё ок и продолжаешь бежать, важно двигать ногами и вот он финиш, и вот результат. Интересным образом, я прошла в Senior Woman категорию и пробежала 10км за 52 минуты. Senior! ☺️🐱 Всем классных выходных и начала недели, скоро будет новое видео. Фото с забега приложу ниже.💗 Есть также в инстаграм (https://www.instagram.com/webelart/).

Всем добрый день и воскресенья. 🌷 Задачи на Leetcode, решаем. Только, что выложила новое видео по алгоритмам, где решила показать как за линейное время можно решить одну интересную задачу на тему бинарных деревьев: ⭐️ https://www.youtube.com/watch?v=Y0tRmZh9ZJ8 P.S. Обложку рисовала сама в figma. И шрифт, который я изначально выбирала для логотипа WebElArt из Google Fonts — Great Vibes. С удивлением обнаружила, что работает кириллица, ранее было только латинское начертание. ⭐️ Т.к. видео по большей части помогает понять алгоритм, но также очень круто всегда иметь шпаргалки и в целом возвращаться и вспоминать, либо просто бегло бросить взгляд на код. А как же можно решить. Я организовала репозиторий https://github.com/webelart/the_beauty_of_code/tree/main, где буду собирать решения задач с описаниями и ютуб-роликами если они будут готовы. Не забудьте поставить звёздочку на GitHub, и лайк на YouTube. Спасибо! 💌 Также есть видео в английском варианте https://www.youtube.com/watch?v=PYJK-MhGsvU ⭐️ Всем классного воскресенья. 💝

Всех с Рождеством! Открытки написаны, в этот раз с меньшим количеством текста и без наклеек, делала всё быстро. Осталось зайт
Всех с Рождеством! Открытки написаны, в этот раз с меньшим количеством текста и без наклеек, делала всё быстро. Осталось зайти на почту и всё отправить. Форма также удалена, возможность подать заявку закрыта.🎄 Большое спасибо всем за поздравления, очень ценно и приятно! 🎄 Желаю замечательного русского праздника в России.🌸🌸🌸

Ребята, всех с Новым 2025 Годом! 🎄🎄🎄 И с наступающим Рождеством! Всем классных и насыщенных праздников! И у меня для вас в
Ребята, всех с Новым 2025 Годом! 🎄🎄🎄 И с наступающим Рождеством! Всем классных и насыщенных праздников! И у меня для вас вновь есть сюрприз в этом году для подписчиков телеграм канала WebElArt. 🤭🏡🎄 Рождественские открытки. Итак, если вы хотите получить открытку из Англии нужно: просто заполнить форму, быть подписанным на канал и написать поздравление. Не забывайте наслаждаться жизнью и всем, что вокруг.🌻 Праздничное настроение и чудеса! Начинаются!!!🌲❤️ Спешите, количество открыток ограничено, форма будет открыта до 7 января. Форма здесь ->>> https://forms.gle/NjWdHg5tAkibb3wn7

Всем добрый день. И всех с наступающим Новым Годом! 🚗 Чем заканчивается старый 2024 год? Сегодня мне бы хотелось поднять тему Английского Языка. Английский Язык Вчера я получила новый сертификат от университета Вашингтона об успешном прохождении курса Business English: Networking: https://www.coursera.org/account/accomplishments/verify/1NPMK0RASM6O. И мне бы хотелось поделиться про этот курс более подробно, в том числе и с точки зрения моей уже почти пятилетней жизни в Англии. 1. На курс можно попасть после предварительно завершения теста, нужно иметь уровень минимум B2. 2. Есть большое количество видео материала, домашних заданий, внутренних тестов и ещё раз тестов внутри. Курс учит: 🌲Как правильно представляться, рассказывать о себе и компании, в которой вы работаете, и какие фразы при этом использовать. Также есть экскурс в крупные компании, я рассматривала это как расширение кругозора. Было рассказано про особенности города Seattle, а также Starbucks, Apple, Microsoft и другие большие компании. Кстати, а когда вы рассказываете о себе и городе где живете, умеете ли представлять свой город с классной стороны? Рассказать о достопримечательностях, что классного можно посетить и т.д. 🌲 Как создавать контакты, и обмениваться бизнес карточками. И как лучше делать это по этикету, а именно корректно. 🌲 Писать email, абсолютно разного формата. Как грамотно писать формальное письмо, или неформальное коллеге. Где в целом важно использовать формальный, неформальный и нейтральный язык общения. Как указывать тему письма, чтобы было кратко и понятно. И формировать само письмо. В том числе и как правильно отказаться от встречи или попросить назначить другую в предложенное время. Про это всё рассказывается. 🌲 Про текстовые сообщения, звонки и голосовые сообщения. Например, если вы созваниваетесь по телефону, очень важно уметь произносить своё имя по буквам. И в том числе номер телефона. Голосовые сообщения, важно держать кратким, но со всей необходимой информацией. Имя (в том числе и произнесённое по буквам), где встретились, запрос (цель), как можно связаться. И, конечно, поблагодарить. 🌲 Ещё понравилось про direct и indirect language (прямое, косвенное общение — надеюсь правильно перевела). Что имеется ввиду. Например, если вы говорите, что-то позитивное — прямое общение — мне нравится твой отчёт (I like your report). Если вы хотите сказать, что-то негативное, например, отчет слишком короткий — всегда косвенно. Т.е. нужно смягчить, your report is a little bit short или если опаздываете I might be a little late. (В курсе намного больше примеров). Важно всегда предупреждать заранее, о любых задержках и переназначать встречи. 🌲 Также для меня было интересно узнать про формальный, нейтральный и неформальный язык и в каких ситуациях его лучше применять. И даже вводные обращения Dear Mr. Patt, или Dear Ms. Litvinova, Ms. — это нейтральное обращение к женщине, такое же как и Mr. Есть ещё Miss и Mrs, что показывает статус женщины в обществе и сейчас я вижу, как крупные компании уже начали переход на нейтральный формат. В общем очень очень круто. Учитывая, что я живу в Англии уже 5 лет. А это значит, постоянная коммуникация и не только на работе, но также и в повседневной жизни я нашла курс очень полезным, хоть он и от Американского университета. В Англии кстати до сих пор распространены телефонные звонки, произносить имя нужно по буквам и да, учить алфавит, а уж какие приключения с email и как его произнести по телефону. Понравилось, что дают ещё примеры на буквы, например P as in people.🌻 Конспекты в обучении Также как и почти при любом обучении я веду конспекты. Зачем? Чтобы иметь возможность возвратиться к материалу, повторить и перенести его в долгосрочную память. Повторять нужно постоянно. Запоминать фразы, как корректно и т.д. И постепенно примерно месяц спустя постоянных повторений. Все переносится в долгосрочную память. Курс рекомендую к прохождению. Крутой. 🌸 И ещё раз всех с Наступающим новым годом! Желаю, чтобы в Новом Году всё было хорошо. Принятия, движения и крепкого здоровья!

Всем доброе утро понедельника. ⭐️🛸 Собеседования, подготовка к техническому собеседованию, тренировки психологии тела и духа. Собеседования. Для подготовки к собеседованиям первое, что нужно сделать — это пройтись по теоретическим вопросам. 🎄 Что такое CDN, CORS, HTTP(S) отличия, XSS, REST API. 🎄 Чем отличается TypeScript и JavaScript или Cookies от Local Storage. 🎄 Что такое Promise. 🎄 И в целом основы вашего языка, если вы из JavaScript среды, то общие вопросы из этой сферы: замыкания, переменные, области видимости. 🎄 Что такое React, а если совсем простыми словами, чтобы ребёнок понял? Т.е. все общие вопросы должны быть хорошо подготовлены и отвечены. P.S. если что-то идет не по плану, не переживать, выписываем тему и повторяем после собеседования. Не бойтесь сказать, что забыли, либо не знаете, но готовы пройтись и изучить. Если вы собеседуетесь на иностранном языке, важно уметь объяснять вещи на этом языке и улучшать этот навык. Допустим если мы говорим про HTTPS просто посмотрите, как здорово в одной из найденных мною статей описано, что это https://www.cloudflare.com/learning/ssl/what-is-https/. Также нужно стремиться и в обычной речи описывать предмет. Уметь рассказать кто вы, представляться: 🌸 Кто вы, что вы ищите. 🌸 В чём ваши сильные стороны. 🌸 В чём ваши слабые стороны и как вы их планируете улучшать. Если спрашивают. 🌸 Каких целей в карьере вы желаете достигнуть. 🌸 В каких классных проектах вы участвовали, чем гордитесь. Также важно быть понятным собеседнику, что собеседник понял вас корректно. Не бояться переспрашивать и уточнять. 🤌 Подготовка к техническому собеседованию. 💐 Решение задач в целом. Навык, который мы зарабатываем на работе. Это обычные задачи на реакт, например. Умение работать с API. Всё зависит от должности куда вы точно хотите попасть. 💐 Один из лучших ресурсов для подготовки к Frontend собеседованию: https://bigfrontend.dev. Решать. И мой канал здесь очень крут для подготовки. Разбирала много полезных тем про JS, реакт, практические задачи, решение из самых разных направлений моей профессии: верстка, реакт, js, алгоритмы и прочее https://www.youtube.com/@webelart/videos. Также в чате вы можете найти поддержку здесь и получить ответы на вопросы от профессионалов индустрии: https://t.me/+q8cjNXxCytw0MjAy. 💐 Leetcode. Алгоритмическая секция, лучшая веб-платформа для подготовки https://leetcode.com и канал Виктора Карпова https://www.youtube.com/@algoseekee. 💐 Дизайн интервью. Лучшие каналы https://www.youtube.com/@ByteByteGo и https://www.youtube.com/@FrontEndEngineer. 💐 Про технологии. Мой любимый канал https://www.youtube.com/@TechWorldwithNana. Это для подготовки и все эти навыки в том числе с дизайн интервью прокачивать постоянно, всё примерно тоже самое будет на работе, в том числе и по задачам. Немного по другому, но навыки пригождаются. Тренировки тела, психологии и духа. ☀️ Психология стала в целом уже must have. Уровень стресса, который нужно проходить на работе и в целом сейчас в жизни требует занятий, либо самостоятельных изучение, либо с психотерапевтом. Общение с друзьями и близкими, поддержание хороших отношений. ☀️ Тело, спортивные нагрузки. Важно грамотно подходить к тренировкам, заниматься с профессиональным тренером по началу, чтобы не навредить. Забота об организме, чем выносливее ваш организм физически, тем он сильнее психологически в том числе. ☀️ Питание, регулирование питания, отказ по возможности от пищи, которая не усваивается организмом — это всё индивидуально. И про хороший сон. ☀️ Также для души можно походить на массажики, сделать ноготочки и в целом себя не забывать радовать. ☀️ Здоровье в целом. Не забывать проходить чек апы организма. Всем классного начала недели, знаний, подготовки, здоровья и движения.🪴

Всем добрый день субботы! В Лондоне сегодня пасмурно, тем не менее скоро приближается Новый Год или по местным меркам Christmas, остался всего лишь 1 месяц! И в Новый Год случаются чудеса. ✨🌲 Вчера я обновила свои странички webelart.com & webelart.ru. Это простая статика, создаю я её с помощью: 🛸 gulp — сборщик статики, минимизация стилей, картинок. 🛸 stylus — для стилей, всё ещё его использую для вложенных селекторов. Стили без библиотек, в целом очень простенько и ничего сложного. 🛸 pug — в качестве шаблонизатора HTML. И на выходе через gulp мы получаем простой CSS, HTML, JS (если есть) и минимизированные картинки. В качестве иконок использовала SVG c https://feathericons.com. Просто целиком вставила, как часть HTML. ⭐ Деплой на digitalocean, машинка linux c настройкой nginx и подключение статики на купленные домены. Домены уже из покон веков покупаю на 2domains.ru, сейчас это reg.ru. ⭐ https настраиваю через certbot и также подключаю в nginx конфиге. В целом и всё. Так получаются простые статические небольшие страницы. Деление соц. сетей сделала по доменам, webelart.com — английские, webelart.ru — русские (здесь немного микс). Ютуб у меня есть и английской версии. Примерно вот так. Как Вам новый розовый дизайн? 🙂 Всем отличных выходных и приятного припровождения начала зимы! ❄️☃️