У каждого свои страхи
Показать полностью
1
0 просмотренных постов скрыто
Нерассказанная история веб-разработки
1990: HTML придумали
1994: CSS придумали, чтобы пофиксить HTML
1995: JS придумали, чтобы пофиксить HTML/CSS
2006: jQuery придумали, чтобы пофиксить JS
2010: AngularJS придумали, чтобы пофиксить jQuery
2013: React придумали, чтобы пофиксить AngularJS
2014: Vue придумали, чтобы пофиксить React & Angular
2016: Angular 2 придумали, чтобы пофиксить AngularJS & React
2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue
2019: React hooks придумали, чтобы пофиксить React
2020: Vue 3 придумали, чтобы пофиксить React hooks
2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue
2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid
2021: React Suspense придумали, чтобы пофиксить React, снова
2023: Svelte Runes придумали, чтобы пофиксить Svelte
2024: jQuery до сих пор используется на 75% сайтов
Кастомные формы Html
Знаю что этот пост вряд ли зайдет. Такие посты редко тут заходят. Но мне и не нужны плюсики7.
Мне нужны комментарии от разработчиков (мнения).
Я готовился к одному большому проекту и там было много форм и еще и темный режим.
Решено было создать пак стилей для оформления форм. Если с текстовыми полями все просто, задал фон, бордер и готово то с остальными не так просто стилиовать все. Есть много webkit префиксов которые помогают в этом. но я так и не нашел такой пак стилей которые включали бы все эти префиксы да к тому же поддерживали бы темный режим.
Попробовал сделать это самому.
Я считаю что вышло неплохо, думаю может поделится опытом на habr-e и рассписать что, как и почему.
Так же есть стили и для тач интерейсов (без js). Если зайти с телефона то стили чуть отличаются. элементы чуть крупнее, чтоб было удобнее их нажимать.
Буду рад критике. Может я что-то упустил из вида, или какие-то вещи сделал не совсем правильно.
ссылка на репозиторий: https://github.com/pelinoleg/Custom-Css-Forms
ссылка на демо: https://pelinoleg.github.io/Custom-Css-Forms/
Все спасибо.
Показать полностью
World TV - Client. Web Версия
Привет, пикабушники. Давненько я не писал о сервисе.
Немного предыстории, для тех, кто читает о сервисе первый раз.
Несколько лет назад мне в голову пришла странная идея: а что, если можно включить ТВ и увидеть, что идёт прямо сейчас — не в моём городе, а где-нибудь в Бразилии, Японии или Египте? Без VPN, без подписок, без регистрации. Просто — открыл приложение и смотришь.
Я начал ковыряться, собирать ссылки, категории, языки — и в итоге родился World TV Client для Android устройств, а сейчас стартует web версия клиента:
👉 https://worldtv.onrender.com/
Интерфейс минималистичный (нарочно — чтобы не отвлекал). Базовая фича та же: ты выбираешь категорию → страну → канал — и смотришь, что там идёт сейчас.
Что уже есть:
Категории: новости, спорт, кино, детские, музыка и т.д.
Фильтр по странам (100+) и регионам (Европа, Азия, Африка…)
Поддержка русского и английского интерфейса (переключается в один клик)
Можно загрузить свой M3U-плейлист
Есть раздел “Сейчас смотрят” — обновляется каждые 10 секунд и отображает, те каналы, которые сейчас смотрят другие пользователи. Обновляется автоматически
Смотрят - Раздел в котором формируется список каналов которые пользователи просматривали в принципе, не обновляется.
История просмотров — если смотрел канал >60 сек, он сохранится в этом разделе. Что-то вроде избранного.
Управление — заточено под ТВ-боксы и пульты (← → ↑ ↓, Enter, Escape, Пробел — всё работает).
Зачем это?
Мне просто было интересно. Посмотреть, как живут другие. Что показывают по ТВ в странах, о которых мы мало знаем. Иногда это новости, иногда — мультики, иногда — трансляция из джунглей 🐒
📌 Поэтому прошу вас:
Заходите, тыкайте, ломайте.
Если что-то не грузится — скриншот + описание.
Если интерфейс неудобен — скажите, где запутались.
Если идея — поделитесь, что бы вы хотели видеть.
Это не стартап, не “монетизация”, не “глобальный продукт”. Это просто моё личное “а вдруг получится?” — и мне очень важно ваше мнение.
Спасибо, что дочитали.
Жду ваших комментов — отвечу каждому.
Показать полностью
Учимся делать сайты: Часть 1.
Критика и тапки приветствуются; P.S. В следующий раз буду делать пост в фотошопе, а не в Paint :D
Тест монитора на битые пиксели
Задумался о покупке монитора, и решил заранее найти программу для теста на битые пиксели. Они, неожиданно, оказались либо платные, либо требуют подключения к интернету (ну или я плохо искал). Отдавать 20 долларов за разовую процедуру вывода 5 цветов на экран мне не хочется, а доступ к интернету на месте, в магазине, может быть ограничен, поэтом набросал простейший скрипт, может кому понадобится.
1) Создаем текстовый файл
2) Открываем его любым текстовым редактором
3) Копируем и вставляем туда следующий текст
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test monitor</title>
</head>
<body>
<div id="block"></div>
<script>
const element = document.getElementById("block");
const colors = ["rgb(0, 0, 0)", "rgb(255, 255, 255)", "rgb(255, 0, 0)", "rgb(0, 255, 0)", "rgb(0, 0, 255)"];
let colorNumber = 0;
function changeColor() {
colorNumber++;
if (colorNumber > colors.length - 1) colorNumber = 0;
element.style.backgroundColor = colors[colorNumber];
}
element.addEventListener("click", changeColor);
</script>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
}
#block {
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
}
</style>
</body>
</html>
4) Сохраняем его с расширением *.html
5) Открываем его в любом браузере
6) Нажимаем F11 и переходим в полноэкранный режим
7) Все. Теперь по клику циклично будут сменяться цвета.
Возможно есть способ проще, но мне было скучно и заняло 10 минут
Показать полностью
Подбросьте, пожалуйста, немного рейтинга для видеоурока! :)
Привет, пикабу! Уже очень долгое время использую сайт без аккаунта, однако сегодня решился осуществить давнюю задумку и записал первый пробный видеоурок по HTML+CSS, если кому-то интересна эта тема, то могу выложить его сюда (пока не хватает рейтинга). Если видеоурок понравится, продолжу эту тему и в течении месяца запишу полный курс, в видео никогда не будет никакой рекламы, так сказать просто делюсь своими знаниями! Всем хорошего вечера! :)