Forwarded from ServerAdmin.ru
У меня дома есть NAS и на всех компах и ноутах подключены сетевые папки. Домашние слабо представляют, как всё это работает. На смартфоне использую TotalCommander с плагином для доступа к тем же сетевым папкам. Жена наверное через TG или VK перекидывает файлы. По-другому вряд ли умеет. Детям это пока не надо.
Есть простое и удобное open source решение для этого вопроса - LocalSend. Поддерживает все операционные системы, в том числе на смартфонах. Это небольшое приложение, которое запускается на определённом порту (53317), принимает входящие соединения и с помощью нескольких методов (описание протокола, в основе поиска Multicast UDP, если не помогает, то POST запрос на все адреса локальной сети) осуществляет поиск таких же серверов в локальной сети. Передача данных осуществляется по протоколу HTTP.
На практике всё это работает автоматически. Приложение под Windows можно поставить, к примеру, через wingwet или скачать portable версию. На смартфоне ставим через Google Play, F-Droid или просто качаем apk. Работает всё в локальной сети, без необходимости каких-то внешних сервисов в интернете. Запускаем на обоих устройствах приложение, они сразу же находят друг друга. Можно передавать файлы. При этом можно на том же компе настроить такой режим, чтобы он автоматом принимал файлы со смартфона и складывал в определённую директорию.
Каждое устройство в приложении можно обозвать своим именем и передавать файлы между ними. Не знаю, где это в работе может пригодиться, но для дома очень удобно. В первую очередь простотой и поддержкой всех платформ. В программе хороший русский язык, пользоваться просто и понятно.
Мне иногда надо сыну передать со своего смартфона из родительского чата информацию от учителя с пояснениями по домашке. Я для этого делал скриншот чата, клал его на NAS, на компе с NAS копировал сыну. Через приложение передать в разы удобнее. Запустил прогу и перекинул на комп с именем СЫН. Всё. Мессенджеров и соц. сетей у него пока нет.
Это приложение, которое я попробовал и сразу развернул на всех устройствах. Жене очень понравилось.
Отдельно отмечу, что приложение написано на языке программирования Dart. Впервые о нём услышал. Сначала показалось, что это типичное приложение на JavaScript под NodeJS. Но смутил небольшой размер. После этого и пошёл смотреть, на чём написано. Оказалось, что этот язык программирования разрабатывает Google как раз для замены JavaScript, взяв от него всё лучшее, но исправив недостатки. В целом, выглядит всё это неплохо.
⇨ Сайт / Исходники
#fileserver
Есть простое и удобное open source решение для этого вопроса - LocalSend. Поддерживает все операционные системы, в том числе на смартфонах. Это небольшое приложение, которое запускается на определённом порту (53317), принимает входящие соединения и с помощью нескольких методов (описание протокола, в основе поиска Multicast UDP, если не помогает, то POST запрос на все адреса локальной сети) осуществляет поиск таких же серверов в локальной сети. Передача данных осуществляется по протоколу HTTP.
На практике всё это работает автоматически. Приложение под Windows можно поставить, к примеру, через wingwet или скачать portable версию. На смартфоне ставим через Google Play, F-Droid или просто качаем apk. Работает всё в локальной сети, без необходимости каких-то внешних сервисов в интернете. Запускаем на обоих устройствах приложение, они сразу же находят друг друга. Можно передавать файлы. При этом можно на том же компе настроить такой режим, чтобы он автоматом принимал файлы со смартфона и складывал в определённую директорию.
Каждое устройство в приложении можно обозвать своим именем и передавать файлы между ними. Не знаю, где это в работе может пригодиться, но для дома очень удобно. В первую очередь простотой и поддержкой всех платформ. В программе хороший русский язык, пользоваться просто и понятно.
Мне иногда надо сыну передать со своего смартфона из родительского чата информацию от учителя с пояснениями по домашке. Я для этого делал скриншот чата, клал его на NAS, на компе с NAS копировал сыну. Через приложение передать в разы удобнее. Запустил прогу и перекинул на комп с именем СЫН. Всё. Мессенджеров и соц. сетей у него пока нет.
Это приложение, которое я попробовал и сразу развернул на всех устройствах. Жене очень понравилось.
Отдельно отмечу, что приложение написано на языке программирования Dart. Впервые о нём услышал. Сначала показалось, что это типичное приложение на JavaScript под NodeJS. Но смутил небольшой размер. После этого и пошёл смотреть, на чём написано. Оказалось, что этот язык программирования разрабатывает Google как раз для замены JavaScript, взяв от него всё лучшее, но исправив недостатки. В целом, выглядит всё это неплохо.
⇨ Сайт / Исходники
#fileserver
Forwarded from TechRocks
В чем разница между : и :: в CSS?
#css
Если вы хотите быстро получить ответ на вопрос из заголовка статьи, то вот он:
-
Читать статью
#css
Если вы хотите быстро получить ответ на вопрос из заголовка статьи, то вот он:
-
: относится к псевдоклассам, таким как :visited или :hover
- :: — для псевдоэлементов, таких как ::first-of-type или ::after
А если хотите более подробных объяснений, давайте рассмотрим примеры.Читать статью
Forwarded from Frontender's notes [ru]
🕵♀Следим и вычисляем с Vue 3, или Как использовать watchEffect
В этой статье разберем новый метод слежения за реактивными свойствами watchEffect.
Читать...
В этой статье разберем новый метод слежения за реактивными свойствами watchEffect.
Читать...
Перенаправление запросов к веб-серверу Apache на новый домен с помощью .htaccess
https://habr.com/ru/articles/766664/
https://habr.com/ru/articles/766664/
Хабр
Перенаправление запросов к веб-серверу Apache на новый домен с помощью .htaccess
Иногда возникает необходимость в переносе сайта, обслуживаемого веб-сервером Apache, на новый домен. Снизить издержки на такой перенос помогает настройка перенаправления HTTP-запросов к старому домену...
Forwarded from Node.JS [ru] | Серверный JavaScript
⭐️Как внедрить гайд по стилю кода в проект
В этой статье я расскажу, от каких проблем вас сможет защитить такой гайд, и приведу подробную инструкцию, как его внедрить.
Читать...
В этой статье я расскажу, от каких проблем вас сможет защитить такой гайд, и приведу подробную инструкцию, как его внедрить.
Читать...
Вопросы и ответы для собеседования на позицию frontend-разработчик. Часть 2 / Хабр
https://habr.com/ru/articles/785596/
https://habr.com/ru/articles/785596/
Forwarded from mefody.dev
Альтернатива live-server
Мне часто нужно запустить какую-нибудь html-страничку на мини-сервере, чтобы и айфреймы в ней работали нормально, и по локальной сети пошарить (с телефона открыть). И обычно я для этого использую npm-пакет live-server. Запускаешь
Недавно увидел тред в твиттере, где искали альтернативу. И оказалось, ждать целую минуту не обязательно. Есть неплохой пакет servor, который умеет почти то же самое,
Оба пакета, если что, давно не обновляются на github, но это не делает их устаревшими: свою работу выполняют отлично.
https://github.com/lukejacksonn/servor
https://github.com/tapio/live-server
Мне часто нужно запустить какую-нибудь html-страничку на мини-сервере, чтобы и айфреймы в ней работали нормально, и по локальной сети пошарить (с телефона открыть). И обычно я для этого использую npm-пакет live-server. Запускаешь
npx live-server, ждёшь минуту скачивания зависимостей, профит. Или ставишь глобально, чтобы ждать минуту всего один раз.Недавно увидел тред в твиттере, где искали альтернативу. И оказалось, ждать целую минуту не обязательно. Есть неплохой пакет servor, который умеет почти то же самое,
npx servor работает почти мгновенно, для моих задач подходит полностью.Оба пакета, если что, давно не обновляются на github, но это не делает их устаревшими: свою работу выполняют отлично.
https://github.com/lukejacksonn/servor
https://github.com/tapio/live-server
GitHub
GitHub - lukejacksonn/servor: Dependency free file server for single page app development
Dependency free file server for single page app development - lukejacksonn/servor
Forwarded from Linux для чайника
Когда система подтормаживает, разобраться поможет:
Этой командой получим список из 10 (не ваших) процессов, которые больше всего нагружают процессор.
Либо можем получить весь список процессов, которые были запущены не вами:
Так смотрим список самых загруженных (в более читаемом виде):
ps aux --sort=-%cpu | grep -m 11 -v 'whoami'Этой командой получим список из 10 (не ваших) процессов, которые больше всего нагружают процессор.
Либо можем получить весь список процессов, которые были запущены не вами:
ps aux | grep -v 'whoami'Так смотрим список самых загруженных (в более читаемом виде):
ps -eo pid,ppid,%mem,%cpu,comm --sort=-%cpu | headForwarded from Web Stack
3D эффекты для изображений
Как добавить сияние, изменить перспективу и поворот для изображений при помощи CSS.
https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/
Как добавить сияние, изменить перспективу и поворот для изображений при помощи CSS.
https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/
Forwarded from For Web — фронтенд, дизайн, программирование
12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода → https://moderncss.dev/12-modern-css-one-line-upgrades
Forwarded from CSS mind
Alt-тексты для псевдоэлементов.
Общеизвестно, что псевдоэлементы не видны для скринридеров. Однако с недавнего времени это не совсем так.
В свойстве
Демо и больше подробностей в заметке: https://ru.ariarzer.dev/2024/notes/pseudo-alt/
Общеизвестно, что псевдоэлементы не видны для скринридеров. Однако с недавнего времени это не совсем так.
В свойстве
content через слэш можно написать текст, который окажется в дереве доступности и будет озвучет при прочтении документа.Демо и больше подробностей в заметке: https://ru.ariarzer.dev/2024/notes/pseudo-alt/
ru.ariarzer.dev
Alt-тексты для псевдоэлементов.
Общеизвестно, что псевдоэлементы не видны для скринридеров. Однако с недавнего времени это не совсем так.
Forwarded from Node.JS [ru] | Серверный JavaScript
👤«Подождите, не успеваю записывать код …». Я слушал это пару лет и в итоге написал раздатчик изменений кода для студентов
В этой статье привожу свой опыт, как я ушёл от этой проблемы, написав свой раздатчик изменений кода.
Читать...
В этой статье привожу свой опыт, как я ушёл от этой проблемы, написав свой раздатчик изменений кода.
Читать...
Forwarded from Node.JS [ru] | Серверный JavaScript
👤Почему PASETO лучше для аутентификации, чем JWT
В этой статье мы рассмотрим PASETO — токен, который был разработан для замены JWT.
Читать...
В этой статье мы рассмотрим PASETO — токен, который был разработан для замены JWT.
Читать...
Forwarded from mefody.dev
2023 JavaScript Rising Stars
Есть такой проект, в котором уже восьмой раз собираются тренды из мира JavaScript по анализу звёздочек на GitHub за последние 12 месяцев. И в этом году снова интересные результаты.
- Среди всех проектов победил
- На втором месте
- На 3 и 4 месте утилиты для рисования и вайтбординга в браузере
- Среди фронтенд-фреймворков выделяется
- В бэкенде всё ещё впереди всех
- В мобильной разработке лидирует
- Для стилизации самое большое количество звёздочек у
- Для тестирования большинство людей выбирают
- Появилась отдельная категория для AI-библиотек.
- Пропала категория GraphQL, уже не в тренде.
Видно, что многие инструменты как были популярные несколько лет назад, так и остаются популярными. Однозначно на количество звёздочек влияет маркетинг — можно сопоставить на графиках резкие скачки и громкие анонсы. И круто, что появляются новые хайповые библиотеки — это в любом случае полезно для рынка.
https://risingstars.js.org/2023/en
Есть такой проект, в котором уже восьмой раз собираются тренды из мира JavaScript по анализу звёздочек на GitHub за последние 12 месяцев. И в этом году снова интересные результаты.
- Среди всех проектов победил
shadcn/ui — библиотека React-компонентов со стилизацией на Tailwind CSS.- На втором месте
Bun — тулкит для всего, который в сентябре прошлого года был залайкан неприличное количество раз. В 2022 году он был вообще на первом месте.- На 3 и 4 месте утилиты для рисования и вайтбординга в браузере
Excalidraw и tldraw.- Среди фронтенд-фреймворков выделяется
htmx — программирование на html-атрибутах. Пока только второе место, но React догоняет уверенно.- В бэкенде всё ещё впереди всех
Next.js, несмотря на все интриги и критику сообщества.- В мобильной разработке лидирует
Expo. Про него не слышал, но он смог совсем чуть-чуть, но всё же обогнать React Native по звёздочкам. В 2022 году он был далеко на втором месте.- Для стилизации самое большое количество звёздочек у
Tailwind CSS.- Для тестирования большинство людей выбирают
Playwright.- Появилась отдельная категория для AI-библиотек.
- Пропала категория GraphQL, уже не в тренде.
Видно, что многие инструменты как были популярные несколько лет назад, так и остаются популярными. Однозначно на количество звёздочек влияет маркетинг — можно сопоставить на графиках резкие скачки и громкие анонсы. И круто, что появляются новые хайповые библиотеки — это в любом случае полезно для рынка.
https://risingstars.js.org/2023/en
risingstars.js.org
2023 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2023: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
Forwarded from Уставший техдир
Техлид — это роль
Причем, часто — неформальная. Однажды инженер оказывается в команде самым опытным и инициативным, он становится неформальным лидером и начинает «топить» за совершенствование инженерных практик. Всё, он уже техлид, и назад, как правило, пути нет.
Если копнуть еще глубже, то это склад ума и особое отношение к ответственности, проактивность. Эти качества трудно привить на пустом месте, но можно создать благоприятные условия, чтобы они проявились. Поэтому, если видите горящие глаза — помогайте им не угаснуть.
Золотые слова! Так сложилось, что у нас понятие техлида во многих компаниях смазано, и зачастую это не ставка, это реально роль)
https://habr.com/ru/companies/oleg-bunin/articles/490344/
Причем, часто — неформальная. Однажды инженер оказывается в команде самым опытным и инициативным, он становится неформальным лидером и начинает «топить» за совершенствование инженерных практик. Всё, он уже техлид, и назад, как правило, пути нет.
Если копнуть еще глубже, то это склад ума и особое отношение к ответственности, проактивность. Эти качества трудно привить на пустом месте, но можно создать благоприятные условия, чтобы они проявились. Поэтому, если видите горящие глаза — помогайте им не угаснуть.
Золотые слова! Так сложилось, что у нас понятие техлида во многих компаниях смазано, и зачастую это не ставка, это реально роль)
https://habr.com/ru/companies/oleg-bunin/articles/490344/
Хабр
Кто такой техлид и почему он нужен команде
Мы недавно писали, как затеяли конференцию , полностью посвященную инженерным процессам и практикам. Наша цель — собрать в одном месте профессионалов, которые развивают техническое лидерство у...