Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
#Круги добра
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Испытайте захватывающие сражения Второй мировой войны: быстрые бои, огромный арсенал, настройка, танки и стратегия на разнообразных картах!

Warfare 1942 - онлайн шутер

Мультиплеер, Шутер, Мидкорные

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • Animalrescueed Animalrescueed 36 постов
  • Oskanov Oskanov 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
0
user10510534
5 месяцев назад
Win 7/8/10, Office - настройка

Asus не запускается виндовс после установки КМС⁠⁠

После установки КМС-ключа (комплекта микросхем) на Windows не происходит запуск системы. Как поступить в этой ситуации? Я работаю дистанционно и мне необходимо было лишь установить ключ на компьютер. Как теперь запустить ноутбук, чтобы не появился синий экран?

Компьютерная помощь Windows Программирование Программа Текст
15
ii.dominator
ii.dominator
5 месяцев назад
Искусственный интеллект

Создай свой трек. Как нейросеть превращает идеи в музыку?⁠⁠

Попробовал стать музыкантом с помощью Suno AI.

Создай свой трек. Как нейросеть превращает идеи в музыку? Нейронные сети, Чат-бот, Гайд, ChatGPT, Программа, Тестирование, Сайт, Дизайнер, Python, Тренд, Приложение, Google, Программирование, Видеомонтаж, IT, Windows, Linux, Apple, VPN, Информационная безопасность, Видео, Вертикальное видео

Возможности

— Генерация музыки со словами и без. Можно сделать текст для трека по промту, или взять за основу собственный текст и сгенерировать минус трека.
— Результат можно скачать в аудио и видео-формате.
— 5 бесплатных треков в день (50 токенов, по 10 токенов за запрос, который выдает 2 трека)
— Сервис может работать нестабильно. Сталкивался с ошибками.

Подписка

— Если использовать инструмент как средство заработка, то стоит использовать Pro/Premier-подписки, так как бесплатная версия подразумевает блокировки треков на коммерческих площадках (вроде Я.Музыки или Spotify)

📌 Пишу про лучшие ИИ в своем авторском канале (ссылка в профиле)

Показать полностью 1
Нейронные сети Чат-бот Гайд ChatGPT Программа Тестирование Сайт Дизайнер Python Тренд Приложение Google Программирование Видеомонтаж IT Windows Linux Apple VPN Информационная безопасность Видео Вертикальное видео
1
15
user5882433
5 месяцев назад

Игра СуперЛабиринт на Visual Basic⁠⁠

Я не программист, но со студенческих лет немного знаю Visual Basic. По запросу от ребенка набросал вот такую игру для ПК. Лабиринт на 40 уровней, дальше рисовать надоело. Ищем выход, собираем ключи, открываем двери, убегаем от врагов, иногда взрываем что-нибудь. Видим только исследованную часть лабиринта, где уже прошли.

Да, простенькая, но и написана она в среде программирования, не заточенной на создание игр.

В общем, ни на что не претендую, просто делюсь своим произведением, чтоб хоть кто-то это увидел))). Буду рад отзывам.

Лежит здесь:

https://drive.google.com/file/d/17YNLW1BV9QIpV2MSb2T-yr7YVaq...

Показать полностью 1
[моё] Компьютерные игры Казуальные игры Программирование Visual Basic Windows Лабиринт Короткие видео Разработка Видео Без звука Длиннопост
7
user9315307
user9315307
5 месяцев назад
Серия Удачные неудачные проекты

От сварщика к программисту: мой путь в IT⁠⁠

Немного предыстории для понимания контекста. В 2023 году я решил сменить сферу деятельности — с профессии сварщика перейти в IT. Эта область всегда меня интересовала, но я сомневался, что мой гуманитарный склад ума позволит разобраться во всех её тонкостях. Однако стечение обстоятельств дало мне возможность посвятить себя изучению языков программирования (Python, JavaScript, Go) и инструментов, без которых невозможна современная разработка: Docker, Nginx, Git.

На сегодняшний день мне удалось реализовать ряд проектов (в том числе коммерческих) с использованием различных фреймворков: FastAPI, Django, Vue.

Сейчас нахожусь в поиске работы, но не на «галере» — ситуация позволяет не торопиться, продолжать изучать новое и программировать в удовольствие. Хотелось бы узнать мнение специалистов из IT-рекрутинга: уже несколько дней откликаюсь почти на все вакансии по Go и Python на hh, но в 99,9% случаев получаю отказы.

Возможно, профи, посмотрев мой код, скажет: «Всё х..ня, давай по-новой», но ведь я откликаюсь на вакансии уровня джуна.

Вот ссылка на резюме с описанием навыков.

P.S. Сварочные работы мне тоже очень нравились, но работать удаленно от дома - не моё.

[моё] Программирование Программа Приложение Информационная безопасность IT Python Тестирование Linux Гайд Сайт Программист Windows Текст
5
0
OnlineBook
5 месяцев назад

Создание онлайн читалки книг на САЙТЕ. Может комуто будет полезна эта статья⁠⁠

Создание онлайн читалки книг на САЙТЕ. Может комуто будет полезна эта статья Windows, Программа, Гайд, Компьютер, Сайт, Программирование, Тестирование, Приложение, IT, Онлайн, Длиннопост

1. Создание структуры проекта

Сначала создайте папку для вашего проекта. Назовите её, например, online-library. Внутри этой папки создайте следующие файлы:

/online-library

├── index.html # Главная страница сайта

├── styles.css # Стили для сайта

├── app.js # JavaScript-код

└── /books # Папка для файлов книг

└── sample.epub # Пример книги (скачайте EPUB-файл)


2. Шаг за шагом

Шаг 1: Создайте файл index.html

Это главная страница вашего сайта. Откройте текстовый редактор (например, Notepad или VS Code) и создайте файл index.html. Вставьте туда следующий код:

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Онлайн библиотека</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h1>Добро пожаловать в онлайн-библиотеку!</h1>

<div id="book-reader"></div>

<script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>

<script src="app.js"></script>

</body>

</html>


Шаг 2: Создайте файл styles.css

Этот файл отвечает за внешний вид сайта. Создайте файл styles.css и вставьте туда следующий код:

css

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #f4f4f4;

}

h1 {

text-align: center;

margin-top: 20px;

}

#book-reader {

width: 90%;

height: 500px;

margin: 20px auto;

border: 1px solid #ccc;

background-color: #fff;

overflow-y: auto;

}


Шаг 3: Создайте файл app.js

Этот файл содержит JavaScript-код для чтения книг. Создайте файл app.js и вставьте туда следующий код:

javascript

document.addEventListener('DOMContentLoaded', () => {

const bookUrl = 'books/sample.epub'; // Укажите путь к вашей книге

const bookContainer = document.getElementById('book-reader');

if (!bookContainer) {

console.error('Контейнер для книги не найден!');

return;

}

const book = ePub(bookUrl);

const rendition = book.renderTo(bookContainer, {

width: '100%',

height: '100%',

});

rendition.display(); // Отображаем первую страницу

// Добавляем кнопки для перелистывания страниц

const prevButton = document.createElement('button');

prevButton.textContent = 'Назад';

prevButton.onclick = () => rendition.prev();

const nextButton = document.createElement('button');

nextButton.textContent = 'Вперёд';

nextButton.onclick = () => rendition.next();

bookContainer.appendChild(prevButton);

bookContainer.appendChild(nextButton);

});


Шаг 4: Добавьте файлы книг

Создайте папку books внутри вашей папки проекта. Скачайте или создайте файл книги в формате EPUB (например, sample.epub) и поместите его в эту папку.


3. Запуск проекта

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

Шаг 1: Установите локальный сервер

Для работы с файлами книг нужен локальный сервер. Вы можете использовать простой сервер, например, Live Server в VS Code или команду:

bash

Копировать

1

npx serve

Если у вас нет Node.js, скачайте и установите его с официального сайта .

Шаг 2: Откройте сайт в браузере

Запустите сервер и откройте сайт в браузере. Вы должны увидеть заголовок "Добро пожаловать в онлайн-библиотеку!" и область для чтения книги. Если всё сделано правильно, книга должна открыться, и вы сможете перелистывать страницы с помощью кнопок "Назад" и "Вперёд".


4. Что делать, если что-то не работает?

  1. Проверьте пути к файлам : Убедитесь, что путь к книге (books/sample.epub) указан правильно.

  2. Проверьте консоль браузера : Откройте инструменты разработчика (F12) и посмотрите, есть ли ошибки.

  3. Убедитесь, что сервер запущен : Файлы книг могут не загружаться без локального сервера.

Добавим дополнительные улучшения в проект: настройки чтения , поддержку других форматов (TXT, FB2) и адаптивный дизайн для мобильных устройств . Я объясню всё пошагово, чтобы вы могли легко добавить эти функции.


1. Добавление настроек чтения

Настройки чтения позволят пользователям менять размер шрифта и цвет фона.

Шаг 1: Обновите index.html

Добавьте элементы управления (кнопки и ползунки) для настроек чтения. Обновите файл index.html, добавив следующий код:

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Онлайн библиотека</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h1>Добро пожаловать в онлайн-библиотеку!</h1>

<!-- Настройки чтения -->

<div id="settings">

<label>

Размер шрифта:

<input type="range" id="font-size" min="12" max="32" value="16">

</label>

<label>

Цвет фона:

<select id="background-color">

<option value="white">Светлый</option>

<option value="black">Тёмный</option>

</select>

</label>

</div>

<div id="book-reader"></div>

<script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>

<script src="app.js"></script>

</body>

</html>


Шаг 2: Обновите styles.css

Добавьте стили для настроек чтения и адаптивного дизайна:

css

/* Настройки чтения */

#settings {

display: flex;

justify-content: center;

gap: 20px;

margin-bottom: 20px;

}

#settings label {

font-size: 14px;

}

/* Адаптивный дизайн */

@Media (max-width: 768px) {

#settings {

flex-direction: column;

align-items: center;

}

#book-reader {

width: 100%;

height: auto;

}

}


Шаг 3: Обновите app.js

Добавьте обработчики для изменения размера шрифта и цвета фона. Обновите файл app.js:

javascript

document.addEventListener('DOMContentLoaded', () => {

const bookUrl = 'books/sample.epub'; // Укажите путь к вашей книге

const bookContainer = document.getElementById('book-reader');

if (!bookContainer) {

console.error('Контейнер для книги не найден!');

return;

}

const book = ePub(bookUrl);

const rendition = book.renderTo(bookContainer, {

width: '100%',

height: '500px',

});

rendition.display(); // Отображаем первую страницу

// Настройки чтения

const fontSizeInput = document.getElementById('font-size');

const backgroundColorSelect = document.getElementById('background-color');

fontSizeInput.addEventListener('input', (event) => {

const size = event.target.value + 'px';

bookContainer.style.fontSize = size;

});

backgroundColorSelect.addEventListener('change', (event) => {

const color = event.target.value;

bookContainer.style.backgroundColor = color;

// Меняем цвет текста для контраста

bookContainer.style.color = color === 'black' ? 'white' : 'black';

});

// Кнопки перелистывания страниц

const prevButton = document.createElement('button');

prevButton.textContent = 'Назад';

prevButton.onclick = () => rendition.prev();

const nextButton = document.createElement('button');

nextButton.textContent = 'Вперёд';

nextButton.onclick = () => rendition.next();

bookContainer.appendChild(prevButton);

bookContainer.appendChild(nextButton);

});


2. Поддержка других форматов (TXT, FB2)

Шаг 1: Установите библиотеку для FB2

Для работы с FB2 используйте библиотеку fb2-reader. Установите её через npm:

bash

Копировать

1

npm install fb2-reader

Если у вас нет Node.js, скачайте библиотеку напрямую из CDN:

html

<script src="https://cdn.jsdelivr.net/npm/fb2-reader/dist/fb2-reader.min.js"></script>


Шаг 2: Обновите app.js

Добавьте поддержку TXT и FB2. Обновите файл app.js:

javascript

function loadBook(fileUrl) {

const extension = fileUrl.split('.').pop().toLowerCase();

const bookContainer = document.getElementById('book-reader');

if (extension === 'txt') {

fetch(fileUrl)

.then(response => response.text())

.then(text => {

bookContainer.innerHTML = `<pre>${text}</pre>`;

});

} else if (extension === 'fb2') {

fetch(fileUrl)

.then(response => response.text())

.then(fb2Text => {

const parsedContent = FB2Reader.parse(fb2Text);

bookContainer.innerHTML = parsedContent.body;

});

} else if (extension === 'epub') {

const book = ePub(fileUrl);

const rendition = book.renderTo(bookContainer, {

width: '100%',

height: '500px',

});

rendition.display();

}

}

// Пример загрузки книги

const bookUrl = 'books/sample.fb2'; // Укажите путь к вашей книге

loadBook(bookUrl);


3. Адаптивный дизайн для мобильных устройств

Адаптивный дизайн уже частично реализован в CSS. Если хотите улучшить его, добавьте медиа-запросы для разных экранов:

css

/* Для маленьких экранов */

@media (max-width: 480px) {

h1 {

font-size: 20px;

}

#book-reader {

height: auto;

padding: 10px;

}

}


4. Тестирование

  1. Запустите локальный сервер:

    bash

    npx serve

  2. Откройте сайт в браузере.

  3. Проверьте:

    • Настройки чтения (размер шрифта, цвет фона).

    • Чтение книг в форматах TXT, FB2 и EPUB.

    • Адаптивность на мобильных устройствах.


5. Что делать, если что-то не работает?

  1. Проверьте пути к файлам : Убедитесь, что все файлы (HTML, CSS, JS, книги) находятся в правильных папках.

  2. Проверьте консоль браузера : Откройте инструменты разработчика (F12) и посмотрите, есть ли ошибки.

  3. Убедитесь, что сервер запущен : Файлы книг могут не загружаться без локального сервера.


Заключение

Теперь ваш сайт поддерживает:

  • Настройки чтения : Размер шрифта и цвет фона.

  • Форматы книг : TXT, FB2 и EPUB.

  • Адаптивный дизайн : Для мобильных устройств.

Показать полностью 1
Windows Программа Гайд Компьютер Сайт Программирование Тестирование Приложение IT Онлайн Длиннопост
0
1
Fishrish
Fishrish
5 месяцев назад

Обнаружил журнал 2009 года. Посмотрите новинки 16-летней давности. Включаем Fish Rish - Ай Ти и ностальгируем⁠⁠

1/9
Показать полностью 9
Музыка IT Программист Ностальгия Айтишники IT юмор Windows Программирование Python Компьютер Linux
1
0
GunsRose1
5 месяцев назад
Компьютер это просто

Здравствуйте, расскажите пж можно или нет Сделать ноут для вывода изображения⁠⁠

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

1) Есть более-менее современный системный блок.

2)Есть проводной интернет который подключается к роутеру, дальше отроутера по проводу подключение к системному блоку и другой провод идёт от роутера к ноутбуку .

Хочу сделать так чтобы всё обдумывал системный блок и через проводнойинтернет по кабелю передавал ноутбуку изображение.

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

Заранее благодарю.

Компьютерная помощь Интернет Сборка компьютера Windows Видеокарта Ремонт ноутбуков IT Компьютер Компьютерное железо Программирование Компьютерные игры Игровой ПК Текст
34
Fishrish
Fishrish
6 месяцев назад

Кринжовый Кастинг: Идем за Самым Кринжовым Айтишником⁠⁠

Музыка Программирование Программист IT юмор Python IT Windows Программа Видео Вертикальное видео Короткие видео
0
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии