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

Cards out!

Карточные, Ролевые, Стратегии

Играть

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

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

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

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

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

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

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

HTML + Веб-разработка

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

CSS Программирование Javascript Верстка IT Сайт Web Разработка Программист Все
88 постов сначала свежее
KingofHessland
KingofHessland
2 минуты назад

Где лучше искать разработчика веб сайтов?⁠⁠

Подскажите телеграмм каналы или проверенных веб-разработчиков(программистов)

Смотрел на фриланс сайтах, там как то все в кашу и ощущение что они работают только на онлайн конструкторах типа Tilda. ((

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

[моё] Веб-разработка Программирование Веб-дизайн HTML Cms Текст
1
5
FrankyBob
FrankyBob
6 дней назад

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги⁠⁠

Привет, Пикабу! Хочу рассказать историю о том, как обычный айтишник без особых знаний фронтенда создал довольно полезное веб-приложение, используя силу искусственного интеллекта. Спойлер: коллеги были удивлены.

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Начальный экран приложения (прелоадер)

Завал задач и поиски спасения

Итак, дело было так. Очередной завал на работе, куча задач, мозг кипит. Вспомнил про технику Помодоро — это когда работаешь 25 минут, потом 5 минут отдыхаешь. Простая штука, но реально помогает не выгорать.

Полез искать нормальный таймер в интернете и... знакомая история:

  • Либо убого простые

  • Либо перегруженные фигнёй

  • Либо на английском

  • Либо платные

  • Либо ещё регистрацию просят

В общем, типичная ситуация: "Да я сам лучше сделаю!" Но проблема в том, что фронтенд я знаю на уровне "поменять текст на странице через консоль разработчика до перезагрузки".

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Вспомнил про хайповую штуку

Тут я вспомнил про так называемый "вайб-кодинг" с нейросетями. Да, знаю, что многие к этому относятся скептически, но решил попробовать. Открыл Claude и написал примерно так:

"Старина, сделай мне HTML-страничку с таймером Помодоро. Нужно: таймер на 25 минут, задачи можно добавлять, статистика какая-нибудь и чтоб пикал когда время вышло."

И тут началось волшебство! Claude выдал мне полноценный рабочий прототип. Причём не просто "Hello World", а реально функциональную штуку😉:

  • Нормальным таймером

  • Возможностью добавлять задачи

  • Статистикой

  • Звуками

Меня понесло

Ну и дальше меня, конечно, понесло:

  • А можешь добавить сохранение в Local Storage?

  • А сделай звуки покруче

  • А перекрась вот это в зелёный

  • А добавь настройки времени

  • А мобильную адаптивность

Claude всё это выполнял как послушный джуниор! За час у меня был готов довольно приличный таймер.

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Внешний вид приложения (начальной версии не осталось, к сожалению, показываю конечный результат)

Реакция коллег

Показал результат фронтенд-разрабам на работе со словами: "Смотрите, что я за час накатал, вообще без знаний!"

Их реакция:

  • 😳 (удивление)

  • 🤔 (изучают интерфейс)

  • 😯 (ещё больше удивления)

  • Нефига себе, ништяк получилося! Реально работает!

Решил довести до ума

После такой реакции подумал: "А почему бы не довести это до продакшена?" И понеслось...

Сейчас можете посмотреть результат: pomo25.ru

Что в итоге получилось:

Для тех, кто хочет настроить под себя:

  • Настраиваемые интервалы (любое время, какое хочешь!)

  • 10 типов звуков + можно загрузить свой

  • Ручное сохранение настроек

  • Push-уведомления в браузере

Для обычных людей:

  • Добавляешь задачи и следишь за прогрессом

  • Видишь статистику: сколько помидорок сделал

  • Не забываешь делать перерывы

  • Задачи сохраняются автоматически

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Запуск таймера для добавленной задачи, длительностью 1 час

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Настройки приложения

Про дизайн (не кидайтесь тапками)

Отдельно про дизайн. Да, я знаю, что он специфический. Это не потому что у меня нет вкуса (хотя может и нет 😅), а потому что я специально попросил Claude сделать что-то в стиле киберпанка 90-х.

Получилось ярко, кислотно, с неоновыми цветами и пиксельными эффектами. Возможно, не всем зайдёт, но зато запоминается!

Телеграм-версия

Потом решил пойти дальше и сделал версию для Телеграма: @pomo25_bot

Плюсы:

  • Данные синхронизируются через облако Телеграма

  • Уведомления приходят от самого Телеграма

  • Работает на телефоне как нативное приложение

Минусы:

  • Не работает в фоне (об этом ниже)

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги Искусственный интеллект, Нейронные сети, Gemini, Таймер, Веб-разработка, Программирование, Javascript, HTML, Продуктивность, IT, Разработка, Прототипирование, Эксперимент, Технологии, Автоматизация, Работа, Образ жизни, Длиннопост

Приложение в Telegram

Проблема с фоновой работой

Единственное, что не смог победить — работу в фоне на мобилках.

Проблема в том, что:

  1. Телеграм Web Apps работают в WebView

  2. При сворачивании приложения WebView приостанавливается

  3. JavaScript перестаёт выполняться

  4. Service Workers в WebView работают криво

  5. iOS вообще жёстко блокирует фоновые скрипты

В итоге при сворачивании таймер автоматически ставится на паузу. Для полноценной работы в фоне нужно было бы нативное приложение.

Опыт работы с нейросетями

Claude: король прототипирования

В начале Claude был просто космос:

  • Быстро понимает что нужно

  • Генерирует рабочий код

  • Хорошо итерируется

  • Не задаёт лишних вопросов

Но потом начались проблемы

Когда проект разросся, Claude начал путаться:

  • Исправляет одно, ломает другое

  • Забывает контекст больших файлов

  • Приходилось делать бэкапы в гите постоянно

Попробовал ChatGPT — ещё хуже! То ли ленился и отвечал "попробуйте перезагрузить страницу", то ли чинил совсем не там, где надо, вообще не понимая что происходит в коде.

Gemini спас ситуацию

Тогда попробовал новый Gemini (у него миллион токенов контекста). И охренел!

Gemini смог:

  • Прочитать ВЕСЬ проект целиком

  • Найти реальные причины багов

  • Переписать проблемные части

  • Почистить код от мусора


Реальная польза

Сейчас пользуюсь своим таймером каждый день:

  • Реально стал делать перерывы (раньше мог 3 часа сидеть не вставая)

  • Лучше планирую время на задачи

  • Меньше выгораю от сложных задач

  • Коллеги тоже подсели, просят фичи добавить, но я пока просто собираю обратную связь и анализируюю насколько это будет сложно реализовать и внедрить

Мораль истории

Современные нейросети действительно могут сильно понизить порог входа в разработку. Даже если ты не знаешь React/Vue/Angular, можно создать полезную штуку.

Но есть нюансы:

  • Для прототипов ИИ идеален

  • Для больших проектов нужно понимать что делаешь

  • Разные ИИ лучше для разных задач

  • Git обязателен при работе с ИИ

Итог

За час собрал рабочий прототип, потом пару недель в свободное время фиксил баги и боролся с нейросетями. В итоге получился реальный продукт, которым пользуются люди. Нейросети — не панацея, но инструмент мощный.

Сейчас собираю обратную связь (конструктивную, не токсичную) и планирую постепенно что-то добавлять и исправлять по мере поступления интересных идей.

Кто-то ещё экспериментировал с ИИ-разработкой? Поделитесь в комментах!


P.S. Если найдёте баги или будут идеи, пишите. Обратная связь очень ценна!

UPD: Забыл добавить — если кто захочет посмотреть, что получилось: pomo25.ru и @pomo25_bot в Телеграме!

Показать полностью 5
[моё] Искусственный интеллект Нейронные сети Gemini Таймер Веб-разработка Программирование Javascript HTML Продуктивность IT Разработка Прототипирование Эксперимент Технологии Автоматизация Работа Образ жизни Длиннопост
5
2
user10842569
23 дня назад

Помогите решить задачу по HTML⁠⁠

В описании указано Flex

Помогите решить задачу по HTML HTML, Основы HTML, Html 5, Верстка, Веб-дизайн, Веб-разработка, Web, Web-программирование, Длиннопост
Помогите решить задачу по HTML HTML, Основы HTML, Html 5, Верстка, Веб-дизайн, Веб-разработка, Web, Web-программирование, Длиннопост
Помогите решить задачу по HTML HTML, Основы HTML, Html 5, Верстка, Веб-дизайн, Веб-разработка, Web, Web-программирование, Длиннопост
Показать полностью 3
[моё] HTML Основы HTML Html 5 Верстка Веб-дизайн Веб-разработка Web Web-программирование Длиннопост
1

Попробовать мобильный офис

Перейти
Партнёрский материал Реклама
specials
specials

Мобильный офис до 100 тысяч рублей⁠⁠

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

Протестировали TECNO MEGABOOK K15S вместе со смартфоном TECNO CAMON 40 и наушниками TECNO в рабочих и бытовых сценариях от Zoom-звонков до перелета, а теперь рассказываем, как себя показала техника.

Первое впечатление от дизайна ноутбука

Первое, что заметно — это вес. При диагонали 15,6 дюйма и полностью металлическом корпусе K15S весит всего 1,7 кг. Это примерно на 15% меньше, чем аналоги. Устройство не обременяет ни в офисе, ни в такси. Ноутбук поместился в стандартный городской рюкзак, было удобно достать его в кафе за завтраком и по дороге в такси, чтобы быстро отработать клиентские правки.

1/4

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

Шарнир работает мягко: чтобы открыть крышку даже одной рукой, не нужно придерживать корпус. Чтобы показать коллеге или клиенту презентацию, достаточно раскрыть экран на 180°. Это удобно и для работы лежа, и для подставок, которые требуют определенного угла обзора.

Также отметим 9 портов: USB-A, USB-C, HDMI, слот для карты памяти — можно забыть о переходниках.

В TECNO MEGABOOK K15S предустановлен Windows 11. Ноутбук готов к работе сразу после включения. Никаких лишних установок и обновлений. Все настроено и оптимизировано для вашей многозадачности.

Экран: яркая картинка и комфорт ночью

Экран — 15,6 дюйма, IPS-матрица с разрешением Full HD. Углы обзора отличные: изображение остается четким, даже если смотреть сбоку, цвета не искажаются. Есть антибликовое покрытие. Тестировали ноутбук при разном освещении: можно спокойно работать у окна. Когда солнце бьет прямо в экран, текст по-прежнему остается читаемым, картинки не искажаются. Это редкость в бюджетных моделях.

1/2

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

Стеклокерамический крупный тачпад — 15 см. Он не залипает, не промахивается, срабатывает с первого касания. Не возникает дискомфорта, даже если несколько часов редактировать документы без мышки. После перехода с других устройств немного непривычно, что тачпад работает в двух направлениях: нижняя часть отзывается нажатием, верхняя — касанием.

В кнопку питания встроен сканер отпечатка пальцев. К нему можно быстро привыкнуть, особенно если сидишь в опенспейсе или работаешь в дороге. Один легкий тап пускает в систему даже с мокрыми руками. Безопасно, удобно и не нужно постоянно вводить пароли.

Производительность: рендерим видео, открываем вкладки

Ноутбук работает на AMD Ryzen 7 5825U (опционально можно выбрать версию техники Intel Core i5-13420H). Восьмиядерный AMD с поддержкой 16 потоков подходит для ресурсоемких операций вроде рендеринга или работы с большими массивами данных. Встроенная графика Radeon справляется с редактированием видео в Full HD или играми.

1/4

Во время монтажа 30-минутного ролика в DaVinci Resolve и параллельной работе в Photoshop с несколькими большими PSD-файлами система сохраняла стабильность. Не было ни зависаний, ни заметного падения производительности. Ноутбук уверенно держит в фоне 10 приложений одновременно. Если запущены браузер с 20 вкладками, видеозвонок в Telegram, Excel с объемной таблицей и софт для монтажа, система не тормозит и не перегревается. Переход между окнами остается плавным, ничего не «проседает», даже при одновременном скачивании файлов и редактировании видео.

Базовая комплектация включает 16 ГБ оперативной памяти в двух слотах. При необходимости можно легко увеличить этот показатель до 32 ГБ, заменив стандартные модули на более емкие. Помимо установленного SSD на 1 ТБ предусмотрен дополнительный слот, поддерживающий диски объемом до 2 ТБ.

Чтобы во время нагрузки системы охлаждения не выходили из строя, в ноутбук встроен эффективный вентилятор, способный рассеивать до 35 Вт тепла. Устройство не греется, его спокойно можно держать на коленях. Это решение дополнено тремя режимами работы, которые переключаются простой комбинацией клавиш Ctrl+Alt+T. Тихий режим идеален для работы ночью или в общественных местах, сбалансированный подходит для повседневных задач. Производительный, на котором запускали рендеринг видео и игры, практически не шумит.

Автономность: 15 часов без подзарядки

Протестили автономность MEGABOOK K15S в условиях, знакомых каждому деловому путешественнику. Утром перед вылетом зарядили ноутбук до 100% и взяли его в рейс Москва — Калининград. В зале ожидания провели созвон, потом три часа смотрели сериал и в дороге до отеля редактировали документы. К моменту приезда оставалось 40% заряда: хватило бы еще на пару часов продуктивной работы.

1/3

MEGABOOK K15S может автономно работать до 15 часов и позволяет не оглядываться на индикатор заряда. Заявленное время достигается при типичном офисном использовании: одновременная работа с документами в Word и Excel, ведение переписки, видеоконференции, веб-серфинг.

Если все же понадобится, за  час восполняется до 70% батареи. Компактный адаптер мощностью 65 Вт на базе нитрида галлия поместился даже в карман пиджака. Один блок питания заряжает и ноутбук, и смартфон, и наушники. Экономия места: не нужно никаких дополнительных проводов.

Звук, который реально слышно

В TECNO MEGABOOK K15S установлены два мощных динамика по 2.5 Вт. Звук с глубокими низами, без пластикового дребезжания, объемный. Благодаря DTS можно смотреть видео даже в шумном помещении. В тестах специально включали сцены с шагами и выстрелами: локализация настолько точная, что в наушниках нет необходимости.

Та же стабильность и в микрофоне. Благодаря AI-шумоподавлению голос передается чисто. Во время тестовых звонков из оживленного кафе собеседник не услышал ни разговоры за соседним столом, ни городской шум. И все это — на расстоянии до пяти метров.

Кстати, о созвонах. В ноутбуке встроена обновленная камера. Она отслеживает положение лица, а еще есть физическая шторка приватности. Например, можно закрыть шторку для комфортных видеоконференций.

Для тех, кто предпочитает гарнитуру, идеально подойдут беспроводные наушники TECNO FreeHear 1 из экосистемы бренда. Когда не хотелось делиться разговорами с окружающими, подключали их. Чистый звук с акцентом на средние частоты, 11-мм драйверы, которые выдают неожиданную детализацию. Музыку слушать приятно: и фоновый плейлист на телефоне, и вечерний сериал на ноутбуке. Автономно работают наушники 6 часов, с кейсом — до 30 часов. 

1/2

Bluetooth 5.4 обеспечивает стабильное соединение на расстоянии до 10 метров. Удобная C-образная форма разработана специально для длительного ношения — после восьмичасового рабочего дня в ушах не возникает дискомфорта. Наушники поддерживают одновременное подключение к ноутбуку и смартфону. Переключение между устройствами происходит быстро и без заминок.

Через фирменное приложение Welife можно выбрать один из четырех эквалайзеров и отследить местоположение гарнитуры в случае утери. А еще кастомизировать виджет для управления наушниками. Функция настройки персонализированного дизайна доступна для устройств на Android и позволяет гибко изменить внешний вид окна подключения: вплоть до установки фоновой картинки или собственного фото.

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

Бесшовная синхронизация со смартфоном

Благодаря функции OneLeap ноутбук синхронизируется со смартфоном TECNO. Подключение происходит за пару секунд: достаточно один раз подтвердить сопряжение. После этого открывается доступ к бесшовному переключению между устройствами — объединенному буферу обмена, дублированию экранов и передаче файлов без кабелей и пересылок в мессенджерах.

Функция выручила, когда нужно было открыть приложение, у которого нет веб-версии. Удобно работает и буфер обмена: скопировал текст на одном устройстве — вставил на другом. Например, код, полученный в сообщении на телефоне, вводится в браузере на ноутбуке. Экономит минуты, а иногда и нервы. А когда в дороге пропал Wi-Fi, ноутбук сам подключился к мобильному интернету через смартфон.

1/2

TECNO CAMON 40 и сам по себе — мощный рабочий инструмент.  Смартфон выделяется камерой высокого качества 50 Мп, ярким AMOLED-экраном 120 Гц и множеством функций, которые упрощают процесс мобильной съёмки и использование искусственного интеллекта TECNO AI.

Телефон работает на HIOS 15.0.1 на базе Android 15.В фирменную оболочку встроен искусственный интеллект:

  • Голосовой помощник Ella. Отвечает на вопросы, помогает с задачами и управлением устройством.

  • Решение задач. Наводите камеру на задачу, ИИ решает ее.

  • AI Редактор фотографий. Интеллектуальная обработка в одно касание.

  • Быстрый поиск. Находит адрес на экране и запускает навигацию, распознает объекты и события, автоматически добавляет их в календарь.

Технические характеристики

  • Процессор и память. 8 ядер, 16 потоков, Кэш L3 16 МБ, частота до 4.5 ГГц Графический процессор AMD Radeon™ graphics SSD 512 ГБ или 1 ТБ, М.2, 2280, PCle 3.0 Nvme DDR4 16 ГБ, 3200 МГц.

  • Дисплей. 15.6", TFT, Full HD (1920×1080), 16:9, 280нит, 45% NTSC, 16.7 млн цветов, 60 Гц, 141 ррі.

  • Веб-камера. 1 Мп, шторка приватности.

  • Порты. 9 портов: 1*TF Card (microSD), 1*HDMI 1.4, 1*USB-A 3.1,

    1*USB-A 3.2, 1*3.5mm аудиовход, *Ethernet RJ45 до 1 Гбит, 2*Туре-С (Full Function), 1*слот для замка Kensington.

  • Другое. Сканер отпечатка пальца в кнопке питания. Клавиатура с подсветкой (4 уровня яркости). Тачпад с поддержкой одновременно 4 касаний.

  • Батарея. 70 Вт∙ч (6150 мА∙ч), Li-Pol, 11.55 B 65 Вт Type-C GaN, 20 В, 3.25 А, кабель 1.8 м (Туре-С-Type-C).

  • Габариты. 17.3 мм (высота), 359.5 мм (ширина), 236 мм (глубина).

  • Вес. 1,7 кг.


Если хотите создать собственную экосистему, в которой технологии подстроятся под ритм дня, попробуйте технику TECNO. Мощный ноутбук, быстрый смартфон и наушники соединяются в единое пространство. Быстрое переключение между устройствами, синхронизация файлов и стабильное соединение без лишних настроек.

КУПИТЬ НОУТБУК TECNO

Реклама TECNO Mobile Limited, Юридический адрес: Flat N, 16/F., Block B, Универсальный промышленный центр, 19-25 Shan MeiStreet, Fotan, New Territories, Гонконг

Показать полностью 17
Электроника Гаджеты Ноутбук Длиннопост
13
ievolper
ievolper
1 месяц назад
ИТ-проекты пикабушников

Как стать «программистом» за две недели (или приключения профессиональной скрипачки в дебрях кода)⁠⁠

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

Подобрала приложение для обучения «чайников» и вперёд.. Python, HTML, SQL, C++. Пробежалась «по верхам», вспомнила детство (были в школе уроки программирования, Basic и Pascal если не ошибаюсь).

Встал вопрос куда же дальше стоит углубляться, какой язык выбрать. Кстати вопрос актуален для сих пор - буду очень благодарна за советы!

А пока решила что мне интересно будет попробовать создать веб-страницу посвящённую предстоящим скачкам на нашем ипподроме. С помощью полученных знаний и ИИ накидала основной код (если что, здесь и далее терминология от балды, заранее приношу извинения программистам..).

Добавила фото, оформила разделы («списки») под скачки и навигацию по странице.

Потом решила что хорошо бы и под будущие результаты сделать «заготовку».

А ещё раздел под видео скачек.

Кстати на определённом этапе я вдруг задумалась что вообще понятия не имею что надо сделать чтобы страница оказалась непосредственно в интернете.. (До этого все изменения просматривала в том же приложении, где набирала код). И пришлось мне познать мир «доменов, хостинга, SSL-сертификатов».. 🙂 Спасибо терпеливым сотрудникам поддержки, смогли донести до меня всю необходимую информацию простым человеческим языком. ;)

После того как страница появилась в интернете в общем доступе, настало время «тестирования» ее моими друзьями и знакомыми. Мне было важно понять как она выглядит на разных устройствах. И тут поступило забавное замечание от одной знакомой программистки что «открывается сайт хорошо на всех устройствах, но вот при выводе на печать (!) страницы разбиваются».. А ведь я даже не задумывалась о такой функции, ведь никакой необходимости в ней вроде и нет.. И тут прям спортивный интерес появился, пришлось вновь «посоветоваться» с ИИ и решить эту «задачку». ;)

В общем сайт конечно ещё в разработке, информация обновляется по мере поступления (так называемые «записки» на скачки), видео из того что под рукой оказалось (2-ое, под названием «Приз Большой летний», искренне рекомендую к просмотру со звуком ;).

Буду рада всем посетителям, их оценкам и замечаниям. 🤗

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

www.lug-race.ru

Как стать «программистом» за две недели (или приключения профессиональной скрипачки в дебрях кода) Веб-разработка, HTML, Программист, Скрипач, Домашнее обучение, Длиннопост
Показать полностью 1
[моё] Веб-разработка HTML Программист Скрипач Домашнее обучение Длиннопост
42
140
user5270234
user5270234
1 месяц назад

Я сделал веб-игру про рисование песком с 200 000 физических песчинок⁠⁠

Игра в браузере: https://alexander-dudarev.itch.io/sand-art

Sand Art – это симулятор творческой физической песочницы, в которой я постарался сделать реалистичное моделирование до 200 000 частиц песка.

Я использовал технологии WebGL и пытался создать интуитивно понятное управление, чтобы создать увлекательный творческий процесс.

1/4

Ключевые функции:

- Реалистичная физика песка с 200 000 динамическими частицами, создающими впечатление подлинного песка.

- Многослойная система частиц обеспечивает естественное взаимодействие между песчинками.

- Оптимизированный рендеринг WebGL для обеспечения бесперебойной работы на всех устройствах.

- Набор инструментов для творчества. Разнообразные инструменты взаимодействия, позволяющие манипулировать вашим песочным творением. Художественная настройка 7 уникальных форм кисти для разнообразного художественного выражения. Регулируемые размеры кистей для создания мелких деталей или широких мазков. Полная цветовая гамма для создания ярких разноцветных композиций.

Игра идеально подходит для снятия стресса, творческого самовыражения, арт-терапии.

Буду рад получить фидбэк. Что улучшить, чего добавить?

Показать полностью 4
[моё] Игры Компьютерные игры Видеоигра Веб-разработка Мобильные игры Приложение Рисование Процесс рисования 2D HTML Javascript Web Программирование Программист Программа Песок Творчество Креатив Видео Без звука Короткие видео
28
7
GrblFF
3 месяца назад

Страница 4.04⁠⁠

С днём веб мастера!
Меньше багов, код красив, прод жив.

[моё] HTML Веб-разработка Короткопост Текст
7
KarelDeveloper
KarelDeveloper
3 месяца назад

Звездный выход для комментаторов⁠⁠

Самый плохой совет начинающему верстальщику
веб-страниц

Верстка Веб-разработка Разработка Совет Короткопост Текст HTML CSS
5
7
KarelDeveloper
KarelDeveloper
3 месяца назад

Кто ты, воин?⁠⁠

Если программист говорит, что HTML - это язык программирования, то перед Вами не программист.

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