Сообщество - Web-технологии
Добавить пост
496 постов 5 811 подписчиков

Популярные теги в сообществе:

Ответ на пост «Хостинг уровня /b или даже ниже»1

Админ vpsdedic. ru кидала!!! Продает якобы сервера,берет за них деньги потом блокирует в телеграм без возврата средств.Придумывает любые поводы чтобы не возвращать деньги,то что,я не так зарегестрировался на сайте,то что мой телефон не настоящий,то что,я украинец и поэтому не будет возврата денег,потом придумал что у меня софт хакерский.Если тебя что-то не устраивает отдай чужие деньги и досвиданье,но нет он предпочел заблокировать в телеграм и не возвращать средства.Погуглил отзывы оказалось таких людей которых он кинул много.Будьте аккуратны при работе с данным "недочеловеком" Сумма ущерба 7000рублей.

Опенсорсный проект на Vue3 + Ionic

Приветствую, друзья!

Недавно я опубликовал пост о своем мобильном приложении MyTasks.
Данный пост больше нацелен на разработчиков (начинающих и более опытных).
Я решил сделать этот проект опенсорсным, ссылка на проект в github:
https://github.com/azatgt1996/my-tasks.

Цель проекта: поделиться опытом разработки мобильного приложения на Vue3 и Ionic Capacitor.
Проект не сложный, надеюсь начинающие смогут понять код, старался декомпозировать на модули и компоненты, давать хорошие названия им.
Также буду рад увидеть фидбек от более опытных разработчиков в плане лучших практик разработки.

Немного про фичи приложения:
- добавление, редактирование, выполнение и удаление задач (последние 2 действия можно выполнять прямо в списке свайпами влево/вправо)
- мультиязычность, темная тема, настройки
- категории задач
- групповые действия с задачами
- уведомления и приоритеты задач
Ссылка на само приложение:
https://play.google.com/store/apps/details?id=com.kvarta.myt...

Также проект можно смело использовать как костяк для собственных проектов, что ускорит разработку.
И пару слов почему решил использовать такой стек. Vue3 и Ionic являются удобными инструментами для фронтенд разработчика, так как имеется хорошая документация с примерами. Для разработки на Ionic нет необходимости запускать android-эмулятор, что сильно экономит время и ресурсы компьютера. Просто запускаете проект и сразу видите результат в вашем браузере.

Спасибо за внимание!

Разработка сервиса управления серверами

Привет всем! 🚀

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

Разработка сервиса управления серверами Стартап, Сервер, Программирование, Web, Web-программирование

Страница управления пакетами

Ключевые возможности:

Быстрое развертывание серверов: автоматическая подготовка и установка сервера, поддержка различных провайдеров (timeweb, ihor, regru и другие) (автоматический заказ услуг и дальнейшая работа с ними)

Управление окружением: Установка пакетов и управление конфигурациями (nginx, bunker, sudo)

Управление сайтами: простое создание и настройка сайтов с поддержкой популярных платформ: Laravel, WordPress, NodeJS

Управление DNS: легкое управление DNS-записями через удобный интерфейс.

Балансировка нагрузки: настройка балансировщиков нагрузки в один клик для распределения трафика между серверами.

Уведомления: интеграция с e-mail, Telegram и другими сервисами для получения уведомлений о деплоях и событиях.

SSL-сертификаты: поддержка Let’s Encrypt с установкой в один клик.

Управление очередями: автоматическое создание и управление конфигурациями Supervisor для обработки очередей.

На первом этапе сосредоточусь на работе с пакетами, после чего перейду к поддержке веб-сайтов, интеграции с VCS (пока только Github), деплою и SSL.

Следите за апдейтами — впереди будет много интересного

Какой мем вам нравится больше

С танцующим енотом или жующим Педро Паскалем? Посмотрите на мемчики, зарядитесь настроением и поиграйте в залипательную игру. Справитесь быстро — получите награду в профиль!

Как сделать версию для слабовидящих для сайта за 3 минуты по ГОСТу Р 52872-2019

Мои клиенты - медицинские клиники, попросили меня сделать версию для слабовидящих на сайте.

"В соответствием с ГОСТом Р 52872-2019 все государственные органы, медицинские и учебные учреждения обязаны иметь версию сайта для слабовидящих, чтобы не допустить дискриминации людей страдающих проблемами со зрением. Так же предусмотрена административная и уголовная ответственность за дискриминацию."

В процессе решения этой задачи я нашел скрипт - https://lidrekon.ru/slep/

Скрипт условнобесплатный (владелец оставил форму для донатов, призывая поддержать его) и довольно просто устанавливается. Рекомендую.

Но я столкнулся с проблемой, что нельзя его адаптировать под разные версии устройств, поэтому я его доработал и публикую свою версию ниже:

Код для вставки в секцию head:

<script src="https://lidrekon.ru/slep/js/jquery.js"></script>

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

Либо код для вставки в footer:

<script src="https://lidrekon.ru/slep/js/jquery.js"></script>

<script src="https://lidrekon.ru/slep/js/uhpv-hover-full.min.js"></script>

Код кнопки разместить в любом месте html-страницы:

<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" id='glazd' alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>

<style>

@Media screen and (max-width: 980px) {

#glazd {

position:absolute;

top:10px;

right:100px;

z-index: 99999;

width:50px;

}

}

@Media screen and (min-width: 980px) {

#glazd {

position:absolute;

top:20px;

left:50px;

z-index: 99999;

width:50px;

}

}

</style

>

Забирайте, если необходимо (:

Если код перестал работать, то пишите мне, я постараюсь помочь.

Показать полностью

Почему сейчас везде убирают просмотр видео в 480p?

480p - это же компромисс между качеством и рамером видео. Уже на YouTube убирают это разрешение 480p у видео в HD (720p) качестве и выше. А для тех, у кого плохой инет, там оставили только качество 240p и 360p. Аналогичная ситуация и у Рутуба, и у Дзена, и у VideoCDN.

Cloudflare tunnel, как ngrock только Cloudflare

Cloudflare tunnel, как ngrock только Cloudflare Гайд, Linux, Cloudflare, Веб-разработка, Длиннопост

Не так давно я прикупил себе неттоп dell optiplex 3070 micro на авито и решил поставить его у себя на работе, что бы захостить на нем все свои пет проекты.

Если посчитать сумму которую я плачу за хостинг, то этот неттоп окупается за год, но по производительности на порядки мощнее всех vds за которые я плачу.

Проблема только в том, что на работе у меня нет белого ip и пробрасывать порты мне ни кто не будет, вот я и решил воспользоваться cloudflare tunnel.

Для начала необходимо создать аккаунт в cloudflare и привязать домен.

Инструкция https://developers.cloudflare.com/cloudflare-one/connections...

Docker https://hub.docker.com/r/cloudflare/cloudflared

Моя структура папок.

~/docker

mysql

docker-compose.yml - compose файл

cloudflare

_conf - конфиги cloudflare

docker-compose.yml - compose файл

Авторизация

cd ~/docker/cloudflare

mkdir _conf

chmod 0777 _conf

docker run -v ./_conf/:/home/nonroot/.cloudflared/ cloudflare/cloudflared:latest tunnel login

Создание

docker run -v ./_conf/:/home/nonroot/.cloudflared/ cloudflare/cloudflared:latest tunnel create mytunnelname

Список

docker run -v ./_conf/:/home/nonroot/.cloudflared/ cloudflare/cloudflared:latest tunnel list

Создаем конфиг файл _conf/config.yml

url: http://phpmyadmin

tunnel: <Tunnel-UUID>

credentials-file: /root/.cloudflared/<Tunnel-UUID>.json

Добавление записи DNS

docker run -v ./_conf/:/home/nonroot/.cloudflared/ cloudflare/cloudflared:latest tunnel route dns mytunnelname mytunnelname.topsicretdomain.ru

Для тестирования запуска я создам контейнер с phpMyAdmin ~/docker/mysql/docker-compose.yml

version: '3.9'

services:

mysql:

container_name: "mysql"

image: "mysql:8-debian"

restart: unless-stopped

volumes:

- ./data:/var/lib/mysql

- ./sql:/app

environment:

- MYSQL_ROOT_PASSWORD=root

- TZ=Europe/Moscow

phpmyadmin:

image: phpmyadmin

restart: unless-stopped

environment:

- PMA_HOST=mysql

ports:

- "8080:80"

networks:

default:

name: web

Запуск  phpMyAdmin

cd ~/docker/mysql/

docker compose up -d

Теперь можно запустить наш compose файл для cloudflare tunnel

version: '3.9'

services:

tunnel:

image: cloudflare/cloudflared:latest

container_name: cloudflare_tunnel

restart: unless-stopped

command: tunnel run mytunnelname

volumes:

- ./conf/:/home/nonroot/.cloudflared/

extra_hosts:

- "parent:host-gateway"

networks:

default:

name: web

cd ~/docker/cloudflare

docker compose up -d

Готово.  

Важно. Что бы все корректно работало необходимо запускать phpMyAdmin и cloudflared в одной docker сети

networks:

default:

name: web

Показать полностью

Плавное погружение в SvelteKit на примере создания сайта знакомств

Плавное погружение в SvelteKit на примере создания сайта знакомств Pikaweb, Javascript, Видео, RUTUBE

Не смог освоить vue и react, пишу на svelte.

Скринкаст вылил на рутуб, что бы не тратить трафик на сервисах для доступа к youtube 🤫. Смотреть строго на 2x.

Rutube55:21

Содержание первой части:

  • Инициализация проекта

  • Подключение tailwind css

  • Реализация регистрации, авторизации и выхода

  • Настройка adapter static

Очень жду первых 10 подписчиков и рейтинг 1000, что бы организовать сбор на женщину с низкой социальной ответственностью для неистового совокупления.

Показать полностью

ОМГ! Это же Тамагочи!

Помните, как все хотели завести виртуального питомца? Эти маленькие экраны захватили сердечки миллионов! А еще были Тетрис, Sega и Dendy… Заходите поностальгировать —  в нашей подборке самые крутые подарки за последние полвека.

Source-map-explorer

На прошлой неделе анализировал размер главного бандла мобильной версии нашего приложения.

В спешке мы накосячили с импортами и бандл раздулся.

Source-map-explorer Кросспостинг, Pikabu Publish Bot, Frontend, Перформанс, Tools, Программирование, IT, React


🤔 Как анализировать?

Для анализа использовал утилиту source-map-explorer.

При запуске, утилита генирирует древовидную карту, с помощью которой можно увидеть, какие именно файлы попадают в бандл.

К сожалению, почему именно это что-то попало в бандл утилита не говорит.

👉 В чём была проблема?

Иногда мы ленимся и в файле компонента кладём какую-нибудь утилитную функцию, enum или константу, а потом где-то в другом месте импортируем их.

Так вот, когда мы их импортируем, то в бандл “засасывает” не только импортируемую функцию, но и весь компонент, из-за чего размер бандла и увеличивается.

P.S. А какими инструментами пользуетесь вы?

https://t.me/cherkashindev/220

Показать полностью
Отличная работа, все прочитано!