НавчанняНове
Frontend Quest
Подорож від HTML до архітектури JavaScript.
Додано
Відкрити сторінкуНавігація по платформі
Карта сайту
Візуальний список основних сторінок CSS-Zone з локалізованими посиланнями, датами додавання і швидким способом побачити нові запуски.
Порядок показу
Сортування сторінок
На кожній картці видно, коли сторінку додали. Можна перемикати порядок і дивитися спочатку найновіші релізи або старіші базові сторінки.
Сторінки, додані за останні 45 днів, позначаються як нові.
Усі ключові сторінки
Публічна структура сайту
Основне
Порівняння
SITEMAP.ITEMS.VS
Додано
Відкрити сторінкуОсновне
Карта сайту
Ця сторінка збирає основні маршрути, дати додавання і нові релізи в одному місці.
Додано
Відкрити сторінкуПросунуті інструменти
Перекладач документів
Переклад DOCX зі збереженням форматування та підтримкою кількох мов.
Додано
Відкрити сторінкуДоступність
Перевірка контрасту
Перевірка WCAG-контрасту для тексту, іконок, рамок і різних станів перед релізом.
Додано
Відкрити сторінкуДоступність
Фокус і клавіатура
Аудит видимості фокусу, Tab-порядку, Escape-поведінки та клавіатурних сценаріїв у модалках.
Додано
Відкрити сторінкуДоступність
Симулятор дальтонізму
Перегляд інтерфейсів через симуляції протанопії, дейтеранопії та тританопії.
Додано
Відкрити сторінкуНавчання
Пісочниця коду
Жива пісочниця для написання, запуску й дебагу HTML, CSS і JavaScript.
Додано
Відкрити сторінкуНавчання
Робоча пісочниця
Повноекранний workspace-режим для більшої робочої області та сфокусованої практики.
Додано
Відкрити сторінкуПросунуті інструменти
JS Декомпресор
Очищення стисненого JavaScript і зручніший перегляд важких для читання bundle-файлів.
Додано
Відкрити сторінкуПросунуті інструменти
JS Unpack Bundle
Витяг модулів із зібраного JavaScript та перегляд відновленого дерева файлів.
Додано
Відкрити сторінкуПросунуті інструменти
JS Source Map Helper
Відновлення оригінальних вихідників із source map і перегляд реконструйованого коду.
Додано
Відкрити сторінкуПросунуті інструменти
JS Execution Trace
Запуск JavaScript у контрольованій пісочниці з переглядом викликів, аргументів і результатів.
Додано
Відкрити сторінкуОсновне
API доступ
Платний API для автоматизації, експортів і продуктових інтеграцій.
Додано
Відкрити сторінкуСпільнота
Форум
Обговорення, питання до спільноти та публічні теми.
Додано
Відкрити сторінкуПросунуті інструменти
Оптимізація CSS
Рефакторинг і стиснення стилів для чистішого та підтримуваного CSS.
Додано
Відкрити сторінкуПросунуті інструменти
CSS Variables Refactor
Винесення повторюваних значень у CSS-змінні та більш чисті токенізовані стилі.
Додано
Відкрити сторінкуПросунуті інструменти
CSS Decompressor
Відновлення стисненого CSS, SCSS і LESS у читабельну структуру для дебагу та рефакторингу.
Додано
Відкрити сторінкуНавчання
Задачі
Практика frontend-задач з умовами, прогресом і вправами на написання коду.
Додано
Відкрити сторінкуПросунуті інструменти
Мініміфікація шрифтів
Оптимізація шрифтів для легших ресурсів і швидших інтерфейсів.
Додано
Відкрити сторінкуЮридичне
Політика приватності
Як збираються, обробляються та захищаються персональні дані.
Додано
Відкрити сторінкуЮридичне
Договір оферти
Публічна оферта та умови придбання сервісів платформи.
Додано
Відкрити сторінкуЮридичне
Умови користування
Правила використання платформи та її відкритих сервісів.
Додано
Відкрити сторінкуЮридичне
Умови реферальної програми
Умови реферальної програми та повʼязані обмеження.
Додано
Відкрити сторінкуЮридичне
Правила cookie
Як cookies використовуються для налаштувань, аналітики та поведінки сервісу.
Додано
Відкрити сторінкуКарʼєра
Резюме
Конструктор резюме й покращення подачі для пошуку роботи та відгуків на вакансії.
Додано
Відкрити сторінкуОсновне
Про нас
Історія платформи, тарифи та позиціонування CSS-Zone.
Додано
Відкрити сторінкуГенератори
Адаптивна шкала
Створення fluid clamp() шкал для типографіки та відступів.
Додано
Відкрити сторінкуКонтент
Документація
Довідковий розділ із CSS-концепціями, прикладами та короткими поясненнями.
Додано
Відкрити сторінкуНавчання
Підготовка
Треки підготовки до співбесіди, навчальні теми й прогрес із сертифікатами.
Додано
Відкрити сторінкуНавчання
Безкоштовний онлайн тест CSS з відповідями
Перевірка знань CSS через питання з таймером, відповідями й рейтингом.
Додано
Відкрити сторінкуКонтент
Блог
Статті, анонси запусків і практичні матеріали для frontend-розробки.
Додано
Відкрити сторінкуГенератори
Генератор Favicon
Генерація favicon-активів для браузерів, мобільних пристроїв і вебзастосунків.
Додано
Відкрити сторінкуОсновне
Головна
Головний хаб з ключовими інструментами, анонсами можливостей і входом у навчальні сценарії.
Додано
Відкрити сторінкуГенератори
Генератор градієнтів
Створення лінійних, радіальних і конічних градієнтів із живим превʼю та експортом у продакшен.
Додано
Відкрити сторінкуГенератори
Генератор тіней
Збірка багатошарових тіней з тонким контролем глибини та готовим CSS.
Додано
Відкрити сторінкуГенератори
Бібліотека анімацій
Бібліотека анімацій і деталізовані приклади руху для інтерфейсів.
Додано
Відкрити сторінкуГенератори
Генератор Clip Path
Візуальне створення форм clip-path для реальних UI-задач.
Додано
Відкрити сторінкуГенератори
Генератор сіток
Конструювання адаптивних CSS Grid макетів із контролем треків та позиціонування.
Додано
Відкрити сторінку