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

Расслабьтесь и отдохните: игра без ограничений по времени.

Проверьте свою смекалку: головоломка для любителей

Блоки Судоку - расслабляющая головоломка

Головоломки, Гиперказуальные, Мобильная

Играть

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Windows + Компьютер

С этим тегом используют

Компьютерная помощь Linux Microsoft Windows 10 Программа IT Компьютерное железо Помощь Сборка компьютера Видеокарта Игры Компьютерные игры Все
984 поста сначала свежее
0
Вопрос из ленты «Эксперты»
Ink.SouL
Ink.SouL
3 месяца назад
Про железо

Почему при открытии Archicad появляется несколько раз это окно⁠⁠

Закроешь, появится 2-3 раза. Пока не загрузится программа. Не понимаю откуда это тянется. Где ошибка могла произойти или "что включено"

Почему при открытии Archicad появляется несколько раз это окно Спроси Пикабу, Вопрос, Нужен совет, Программа, Компьютер, Архикад, Ошибка, Компьютерная помощь, Проблема, Windows

Винда 11

Спроси Пикабу Вопрос Нужен совет Программа Компьютер Архикад Ошибка Компьютерная помощь Проблема Windows
17
GarmoniyaIznutri
GarmoniyaIznutri
3 месяца назад
Бесит!

Шальной Windows, вновь и вновь пробивающий дно обновлениями⁠⁠

Так вышло, что имею два компьютера, на одном из которых стоит Windows 11 (ранее называемый «Sun Valley»), на другом — Windows 10. С более новой системой — компьютер недавно приобретённый. Первое, что было сделано там при установке Windows, — отключены все обновления. На ПК с десяткой всё сложнее: уже прошло прилично обновлений с момента покупки, и многие из них, говоря откровенно, пошли отнюдь не на пользу. Особенно за последний год. Но меня сокрушает следующая история, и ей хочется посвятить пару-тройку строк.

Шальной Windows, вновь и вновь пробивающий дно обновлениями Технологии, Новости, Обновление, Windows, Критика, Разочарование, Вопрос, Компьютер, IT, Программа, Linux, Мысли

Скриншот газета.ru

Сообщение о том, что очередное обновление ломает компьютер на Windows 10, разошлось во многих источниках. Изначальная ссылка, как понимаю, — PCWorld или PC-Welt. Проверять, насколько их слова соответствуют реальности, возможности нет: если вдруг шутки ради установлю, а старый компьютер всё же начнёт ещё хуже работать, это будет мало сказать неприятно.

А что с теми пользователями, которые не заметили новость и уже установили?

Интересно, однако.

Уже давно замечаю, что когда обновление Windows 10 подкрадывается и запускает загрузку, компьютер начинает сходить с ума: иконки на рабочем столе грузятся не полностью, а сам ПК с огромным торможением реагирует на любые команды. Отключить «хорошим» способом эту «акцию» можно только на 4 недели (это встроенная опция что в десятой, что в одиннадцатой): потом установка обновлений будет снова работать. Знаю, можно решить проблему отключением определённой задачи, но сейчас это не совсем суть.

У меня вопрос

(риторический)

Почему бы Windows для своих пользователей не выпускала на такие случаи хотя бы предупреждения? Почему вообще получается так, что компания отпускает эти недоработки на пользование своих потребителей, которые, скажем, гипотетически, ещё и платили за эту ОС приличные деньги?

И. Что мне ещё нравится: если я буду устанавливать обновления на Windows 11 когда-либо, откуда я буду знать, что очередное из них не погубит моё устройство, которое хотелось бы, конечно, поберечь?

От таких ситуаций уже много лет очень хочется сменить ОС на более предсказуемые, щадящие и даже более ответственные варианты. Вот только, увы, большинство программ дружит именно с последними Windows. MacOS часто разочаровывал не меньше, и в том числе подобное бывало с Linux (но по другим причинам).

Показать полностью 1
[моё] Технологии Новости Обновление Windows Критика Разочарование Вопрос Компьютер IT Программа Linux Мысли
61
0
OnlineBook
3 месяца назад

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

Создание онлайн читалки книг на САЙТЕ. Может комуто будет полезна эта статья 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
7001
DELETED
3 месяца назад

Они чувствуют страх⁠⁠

Они чувствуют страх
Компьютер Юмор Windows Страх Обновление Центр обновления Windows Хладнокровие Скриншот
211
BrawlSup
BrawlSup
3 месяца назад
Видеохостинг на Пикабу

ИГРОВАЯ СБОРКА ПК ЗА 80К 2025 - СОБРАЛ СРАЗУ ЧЁРНЫЙ И БЕЛЫЙ ПК С RYZEN 5 8400F ! ТЕСТЫ В ИГРАХ⁠⁠

[моё] YouTube Электроника Обзор Со звуком Новинки Сборка компьютера Игровой ПК Компьютерное железо Товары для геймера Сборка Видеокарта Материнская плата Amd ryzen Windows Компьютерная помощь Windows 11 Компьютер Rtx 4060 Nvidia Видео
3
77
TriggerAuto
TriggerAuto
3 месяца назад
Научный Абсурд

Windows 3.1: Легенда 90-х⁠⁠

В 1992 году Microsoft выпустила Windows 3.1, которая стала важной вехой в развитии операционных систем. Она принесла улучшенную графику, поддержку шрифтов TrueType и стабильную работу по сравнению с предшественницей.

🔹 Интерфейс: Знаменитый «Диспетчер программ» с иконками и окнами.

🔹 Функции: Поддержка мыши, мультимедиа, сетевого подключения и впервые — drag & drop!

🔹 Игры: Знаменитый «Сапер» и «Косынка» были здесь!

🔹 Память: Работала на 2–4 МБ ОЗУ, но казалась мощной на фоне MS-DOS.

Windows 3.1 стала основой для будущих Windows 95 и XP, открывая эру удобных пользовательских интерфейсов. Помните её?

tg: Научный Абсурд

Показать полностью
Windows Программа Компьютер Видео Вертикальное видео Короткие видео Telegram (ссылка)
69
12
Krivoy.Ra4ina
Krivoy.Ra4ina
3 месяца назад

Windows 11 приболела⁠⁠

Windows 11 приболела Windows, Новости, Компьютер

По сообщениям от Microsoft Windows 11 немного приболела.

Апдейт KB5053598 для 24H2 содержит важные фиксы системы безопасности, а потому для некоторых загружается и устанавливается автоматически.

Процесс случайно виснет на любом этапе, будь то 6% или 79%;

— Комп уходит в перезагрузку на 99%, а затем выдаёт сообщение «Что-то пошло не так»;

— Апдейт ставится без проблем, но центр обновлений пишет, что он не установлен и начинает делать всё заново;

— После обновы вылетают случайные синие экраны смерти;

— Также сбоит RDP — протокол удалённого рабочего стола.

Лечится откатом на предыдущею версию.

Показать полностью
Windows Новости Компьютер
9
7
Вопрос из ленты «Эксперты»
user10429338
3 месяца назад

Случайно удалил том диска raid 0⁠⁠

Всем привет, выручайте.

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

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