1. IT forum Ukraine
Останні теми

Статистика форуму
  • Повідомлення на форумі:298
  • Гіди форуму:119
  • Учасники:41
  • Останній учасник:Generationumb

  Хвасталка: ділимося своїми сайтами та проектами

Опубліковано: Kiber_Arkhitektor
09-05-2026, 21:05
Форум: Інші сайти
- Відповіді (4)

Пропоную в цій темі ділитися своїми пет-проектами, інформаційними сайтами та просто корисними ресурсами, які ми створили. Почну першим!

Запустив нещодавно SaunaWiki — https://sauna-retro.pp.ua/.
Це така собі енциклопедія про сауни та лазні. Збирав інформацію про історію, вплив на здоров'я і навіть поради з будівництва. Якщо хтось планує будувати власну лазню або просто любить погрітися — заходьте, там багато цікавого.

А чим можете похвалитися ви? Додавайте посилання та короткий опис!

Надрукувати цей елемент

  HTML та CSS 2026: Що нового та які фішки вже стали стандартом?

Опубліковано: Stas_Frontend
09-05-2026, 20:55
Форум: Обговорюємо HTML + CSS
- Відповіді (3)

Привіт, колеги! 2026 рік приніс чимало крутих оновлень у світ фронтенду. Якщо ви ще верстаєте по-старому, час оновити свій інструментарій. Ось суб'єктивний топ найважливіших фішок, які стали стандартом цього року:

1. CSS Anchor Positioning (Якірне позиціонування)
Нарешті ми забули про муки з JS для створення тултіпів, випадаючих меню та попапів. Тепер можна прив'язати один елемент до іншого прямо в CSS:

Код:
.tooltip {
  position: absolute;
  position-anchor: --my-button;
  bottom: anchor(top);
}
Це працює плавно і враховує краї в'юпорту. Просто магія!

2. View Transitions API (Multi-page підтримка)
Тепер плавні переходи між сторінками працюють не тільки в SPA, а й у звичайних багатосторінкових сайтах. Достатньо одного мета-тегу та CSS правила view-transition-name, щоб елементи красиво перетікали з однієї сторінки на іншу при навігації.

3. Повний контроль над <selectlist>
Старий добрий <select> нарешті отримав повноцінну заміну — <selectlist>. Тепер ми можемо стилізувати кожну частину випадаючого списку (кнопку, контейнер з опціями) без використання кастомних JS-бібліотек, які важать як крило літака.

4. CSS Style Queries (Контейнерні запити по стилях)
Ми вже звикли до запитів по розміру контейнера, але тепер можна змінювати стилі залежно від значень кастомних властивостей (CSS variables) батьківського елемента. Це дозволяє створювати неймовірно гнучкі дизайн-системи.

5. HTML Search Element
Тег <search> став обов'язковим для доступності. Він семантично позначає частину сторінки, призначену для пошуку або фільтрації, замінюючи старий підхід з role="search".

6. Masonry Layout у CSS Grid
Те, на що ми чекали роками! Більше не потрібен JS для створення сітки в стилі Pinterest. У 2026 році властивість grid-template-rows: masonry вже стабільно працює в більшості сучасних браузерів.

Що з цього ви вже впровадили у свої проекти? Чи є щось, що я пропустив?
Masonry — це просто розрив! Я нарешті видалив скрипт на 15кб, який тільки цим і займався. Єдине, що засмучує — Safari як завжди наздоганяє останньою, хоча в 19-й версії вже ніби все ок.

Надрукувати цей елемент

  Бізнес каталог України (catalog.biz.ua): Корисний інструмент для просування компаній

Опубліковано: Olena_Top
09-05-2026, 20:51
Форум: Інформаційні ресурси
- Немає відповідей

Привіт всім! Нещодавно натрапила на цікавий ресурс для тих, хто займається просуванням бізнесу в Україні — Бізнес каталог України (BizCatalog), доступний за адресою catalog.biz.ua.

Хочу поділитися основними фішками, які я для себе виділила:

Що це таке?
Це сучасний каталог компаній та послуг, де можна розмістити профіль свого бізнесу (навіть якщо ви ФОП). Сайт має досить високий авторитет домену (DR 27+), що дуже круто для SEO.

Основні категорії:
Каталог дуже структурований — понад 200 категорій у 11 основних напрямках. Найбільш активні:
- Медицина та здоров'я: аптеки, клініки.
- Дозвілля: ресторани, туризм.
- Бізнес-послуги: право, консалтинг, бухгалтерія.
- Навчання: курси, школи.

Можливості для власників бізнесу:
1. Безкоштовне розміщення: Можна додати компанію назавжди без оплати (з ручною модерацією).
2. Прямі контакти: Можна вказати телефон, email та посилання на сайт/соцмережі.
3. SEO-профіт: Навіть на безкоштовному тарифі ви отримуєте згадку, а на платних — активні do-follow посилання.
4. Просування через статті: Є тарифи, які включають написання аналітичних статей про ваш бізнес.

Тарифи:
Там є кілька рівнів — від Безкоштовного до Аналітики (за 1200 грн), де обіцяють максимальну видимість і навіть беклінки з інших ресурсів.

Як на мене, це непоганий спосіб отримати додатковий трафік і покращити впізнаваність бренду в мережі. Хтось уже користувався цим сервісом? Як результати?

Надрукувати цей елемент

  Як створити та розгорнути сайт на мові Go: від Hello World до деплою

Опубліковано: rullan
09-05-2026, 20:42
Форум: GO
- Відповіді (6)

Вступ: Чому Go (Golang) — це чудовий вибір для веб-розробки?

Go, або Golang, розроблений компанією Google, за останні роки став однією з найпопулярніших мов для створення високонавантажених бекенд-систем. Його головні переваги — це неймовірна швидкість виконання (близька до C++), простота синтаксису та вбудована підтримка конкурентності (goroutines). У цьому гайді ми пройдемо шлях від написання першого сервера до його деплою на реальний сервер.

1. Налаштування оточення

Перш за все, вам потрібно встановити Go з офіційного сайту go.dev. Після інсталяції перевірте версію в терміналі:

Код:
go version

Створіть робочу директорію для проекту та ініціалізуйте модуль:
Код:
mkdir my-go-site
cd my-go-site
go mod init github.com/username/my-go-site

2. Створення базового HTTP-сервера

Go має потужну стандартну бібліотеку net/http, яка дозволяє створити сервер без сторонніх фреймворків. Створіть файл main.go:

Код:
package main

import (
    "fmt"
    "net/http"
)

func homeHandler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprintf(w, "<h1>Вітаємо на моєму сайті на Go!</h1>")
}

func main() {
    http.HandleFunc("/", homeHandler)
    fmt.Println("Сервер запущено на http://localhost:8080")
    http.ListenAndServe(":8080", nil)
}

Запустіть код командою
Код:
go run main.go
і ви побачите свою першу сторінку в браузері.

3. Робота з шаблонами (HTML Templates)

Для створення реальних сайтів ми використовуємо пакет html/template. Це дозволяє безпечно (із захистом від XSS) вставляти дані в HTML-код.

Приклад створення шаблону templates/index.html:
Код:
<!DOCTYPE html>
<html>
<head>
    <title>{{.Title}}</title>
</head>
<body>
    <h1>{{.Header}}</h1>
    <p>Сьогодні: {{.Date}}</p>
</body>
</html>

Код у Go для рендерингу:
Код:
func handler(w http.ResponseWriter, r *http.Request) {
    tmpl := template.Must(template.ParseFiles("templates/index.html"))
    data := struct {
        Title  string
        Header string
        Date   string
    }{
        Title:  "Мій Go Сайт",
        Header: "Ласкаво просимо!",
        Date:   time.Now().Format("02.01.2006"),
    }
    tmpl.Execute(w, data)
}

4. Вибір фреймворку: Standard Lib чи Fiber/Echo?

Хоча стандартна бібліотека крута, для великих проектів часто використовують:
- Fiber: Дуже швидкий (подібний до Express.js у Node.js).
- Echo: Мінімалістичний та високопродуктивний.
- Gin: Один із найпопулярніших завдяки своїй стабільності та екосистемі.

Якщо ви тільки починаєте — спробуйте Gin, він має чудову документацію.

5. Робота з базою даних

Для Go найкраще підходить PostgreSQL. Ми можемо використовувати драйвер pgx або ORM на кшталт GORM.

Приклад підключення (GORM):
Код:
db, err := gorm.Open(postgres.Open(dsn), &gorm.Config{})
if err != nil {
    panic("failed to connect database")
}

Go дозволяє писати типобезпечні запити, що значно зменшує кількість помилок у рантаймі.

6. Структура проекту

Типова структура професійного Go-проекту виглядає так:
- /cmd: Точки входу (main.go).
- /internal: Бізнес-логіка, прихована від зовнішнього світу.
- /pkg: Бібліотеки, які можна перевикористовувати.
- /api: Визначення API-інтерфейсів.

7. Компіляція та Деплой

Одна з найбільших переваг Go — це компіляція в один бінарний файл. Вам не потрібно встановлювати Go на сервері!

Зберіть проект:
Код:
GOOS=linux GOARCH=amd64 go build -o mysite ./cmd/main.go

Тепер просто скопіюйте файл mysite на свій VPS (наприклад, через scp) і запустіть його.

Використання Docker:
Створіть Dockerfile:
Код:
FROM golang:1.22-alpine AS builder
WORKDIR /app
COPY . .
RUN go build -o main .

FROM alpine:latest
COPY --from=builder /app/main /main
ENTRYPOINT ["/main"]

Це створить максимально легкий образ (близько 15-20 МБ), який легко розгортати в Kubernetes або через Docker Compose.

Поради для продакшену:
1. Використовуйте Nginx як Reverse Proxy для кешування та SSL.
2. Налаштуйте Systemd юніт, щоб сайт автоматично перезапускався після збоїв.
3. Обов'язково додайте логування (наприклад, пакет uber-go/zap).

Висновок

Go — це мова для тих, хто втомився від складності Java або повільності Python/PHP. Вона дає розробнику повний контроль, неймовірну швидкість та впевненість у тому, що код буде працювати стабільно під будьяким навантаженням.

Чи пробували ви вже писати бекенд на Go? Які були ваші найбільші труднощі? Обговоримо у коментарях!

Надрукувати цей елемент

  Хорошоп — найкраща українська платформа для e-commerce? Детальний огляд

Опубліковано: Marik_reklama
30-04-2026, 17:45
Форум: Українські розробки
- Відповіді (5)

Хорошоп (Horoshop) — це українська SaaS-платформа для створення інтернет-магазинів, яка за останні роки стала справжнім лідером на нашому ринку. Багато хто називає її «українським Shopify», і в цьому є доля правди. Але чи дійсно вона підходить для будь-якого бізнесу? Давайте розберемося.

1. Що таке Хорошоп?
Це хмарне рішення (SaaS), що означає, що вам не потрібно купувати хостинг, встановлювати двигун чи займатися технічною підтримкою сервера. Ви просто реєструєтеся, обираєте дизайн, завантажуєте товари — і ваш магазин готовий до роботи. Це ідеально для малого та середнього бізнесу, який хоче швидко запуститися без залучення дорогих розробників.

2. Головні переваги

  • SEO-оптимізація з коробки. Це одна з найсильніших сторін платформи. Усі технічні налаштування для SEO (редиректи, мікророзмітка Schema.org, оптимізація швидкості завантаження) вже впроваджені. Сайти на Хорошоп зазвичай мають високі показники Google PageSpeed.
  • Інтеграція з українськими сервісами. Платформа має готові модулі для Нової Пошти, Укрпошти, Checkbox (ПРРО), а також платіжних систем LiqPay, WayForPay та Monobank. Жодна іноземна CMS не дасть такої глибини локалізації без додаткових плагінів.
  • Робота з маркетплейсами. Вивантаження товарів на Rozetka, Prom.ua, Google Shopping, Facebook та Instagram робиться в кілька кліків.
  • Швидкість запуску. Магазин можна налаштувати за кілька днів, якщо у вас вже готові фото та описи товарів.

3. Технічні нюанси та обмеження
Оскільки це SaaS, ви не маєте доступу до вихідного коду (PHP/JS). Ви не можете самостійно дописати якусь унікальну функцію або змінити структуру бази даних. Ви обмежені тими можливостями, які надає платформа. Хоча Хорошоп постійно оновлюється, іноді доводиться чекати на реалізацію специфічних хотілок.

4. Цінова політика
Хорошоп працює за передплатою. Є кілька тарифних планів, залежно від кількості товарів та необхідного функціоналу. Важливо розуміти, що за стартовий запуск (налаштування) зазвичай береться одноразовий платіж, але часто бувають акції, де запуск безкоштовний.

5. Порівняння з конкурентами
Якщо порівнювати з WordPress + WooCommerce, то Хорошоп виграє за рахунок стабільності та відсутності необхідності «колупатися в коді». З іншого боку, WordPress дає повну свободу, але вимагає постійного нагляду за безпекою та оновленнями.
Порівняно з Shopify, Хорошоп значно дешевший (особливо враховуючи комісії Shopify за транзакції) та набагато краще адаптований під українські реалії податкової звітності та логістики.

Висновок
Хорошоп — це потужний інструмент для тих, хто цінує свій час і хоче зосередитися на продажах, а не на програмуванні. Якщо вам потрібен стандартний інтернет-магазин з гарним SEO та всіма українськими інтеграціями — це варіант №1. Але якщо ви плануєте будувати складний портал з унікальною механікою лояльності чи нестандартним кабінетом користувача — можливо, варто дивитися в бік кастомної розробки.

А що ви думаєте про Хорошоп? Хто вже мав досвід переїзду на цю платформу з інших CMS? Давайте обговоримо!

Додатково про мобільну версію та дизайн
Варто згадати про адаптивність. Хорошоп пропонує велику кількість готових шаблонів, які вже протестовані на конверсію. Мобільна версія працює дуже швидко, що критично важливо у 2024 році, коли понад 70% трафіку йде зі смартфонів. Ви можете змінювати кольори, шрифти та структуру блоків на головній сторінці, але радикально перекроїти дизайн без допомоги дизайнерів Хорошопу буде складно. Це плата за стабільність і підтримку.

Також цікавий момент — це B2B функціонал. Нещодавно платформа додала можливість створювати окремі ціни для різних груп покупців, що робить її придатною не тільки для роздрібної торгівлі, а й для гуртових постачальників. Це великий крок вперед, який раніше був доступний тільки в дорогих Enterprise-рішеннях.

Чекаю на ваші коментарі! Чи відчуваєте ви обмеження SaaS-моделі, чи навпаки — радієте, що не треба шукати фрілансерів для кожного «фікса»?

Надрукувати цей елемент

  Claude 3.5 vs GPT-4o vs Китайські моделі: Велика битва за трон ШІ. Хто переміг?

Опубліковано: Kiber_Arkhitektor
30-04-2026, 11:30
Форум: Сервіси Штучного інтелекту
- Відповіді (7)

Давайте чесно: OpenAI почали здавати позиції. Клод пише кращий код, Gemini ковтає гігабайти даних, а китайці з DeepSeek та Qwen взагалі демпінгують ринок потужними Open-Source моделями.

Що ви зараз використовуєте в роботі? Чи вірите ви, що китайський ШІ обійде США вже цього року? Чи все це просто хайп на бенчмарках?

Надрукувати цей елемент

  GDPR та Cookie-банери 2024: як не отримати штраф у Європі?

Опубліковано: rullan
30-04-2026, 11:06
Форум: SEO просування сайтів
- Відповіді (2)

Хто як налаштовує згоду на куки для бурж-проектів? Останнім часом Google дуже суворо вимагає Consent Mode v2. Чи використовуєте ви готові рішення типу Cookiebot, чи пишете свої легкі скрипти, щоб не валити швидкість сайту?

Надрукувати цей елемент

  Shopify чи WooCommerce у 2024? Що обрати для старту?

Опубліковано: rullan
30-04-2026, 11:06
Форум: Обговорюємо HTML + CSS
- Відповіді (2)

Плануємо запускати невеликий магазин аксесуарів на західний ринок. Shopify підкуповує швидким стартом, але лякають комісії та закритість. WooCommerce — це свобода, але вічний геморой з оновленнями та швидкістю. Що порадите?

Надрукувати цей елемент

  No-code (Make, Zapier) як таємна зброя розробника

Опубліковано: rullan
30-04-2026, 11:06
Форум: Freelance (Upwork, Fiverr)
- Відповіді (2)

Раніше я писав парсери та конектори для CRM руками на PHP. Зараз відкрив для себе Make (Integromat). За 15 хвилин збираю ланцюжок 'Лід з форми -> Google Sheets -> Telegram -> CRM'. Хто ще використовує 'нокоуд' у роботі, щоб не витрачати час на рутину?

Надрукувати цей елемент

  Як сказати 'ні' токсичному клієнту і зберегти репутацію?

Опубліковано: Olena_Top
30-04-2026, 11:06
Форум: Freelance (Upwork, Fiverr)
- Відповіді (2)

Бувають клієнти, які за $100 хочуть сервіс на мільйон і пишуть у неділю о 2-й ночі. Як ви відсікаєте таких на старті? Чи є у вас свій список 'червоних прапорців', після яких ви просто не берете проект?

Надрукувати цей елемент


  1. IT forum Ukraine