Hello! My name is Alex Kolmar

Добро пожаловать на мой сайт! Я веб-дизайнер, разработчик компьютерных игр и художник. Каждый день стараюсь сделать этот мир немного прекраснее, а также готова помочь другим в этом нелёгком деле.

Подписывайтесь на мои каналы в соцсетях и мессенджерах:

Обо мне

Я веб-дизайнер и HTML/CSS-верстальщик с более чем 15-летним практическим опытом работы с сайтами.

В веб я пришла самостоятельно и много лет занималась созданием, оформлением и администрированием сайтов и форумов. За это время работала с HTML и CSS, шаблонами и интерфейсами, а в последние годы активно развиваю направление веб-дизайна и проектирования интерфейсов в Figma.

Могу взять небольшой проект целиком: помочь продумать структуру страницы, разработать дизайн в Figma, подготовить адаптивную версию и самостоятельно сверстать готовый макет на HTML/CSS.

Мне особенно интересны небольшие проекты: сайты-портфолио, личные сайты, лендинги, сайты специалистов и творческих проектов, а также обновление и визуальная актуализация существующих сайтов. Отдельное направление моей работы — дизайн и оформление форумов на MyBB.

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

Также могу обучать начинающих работе в Figma и основам HTML/CSS — на практике, с разбором конкретных задач и макетов.

Мои навыки:

Ниже можно ознакомиться с моими работами.

Мои работы

Дизайны, созданные и свёрстанные мной. Нажмите, чтобы увеличить картинку.


Вёрстка десктопных версий дизайнов, созданных другими дизайнерами. Нажмите, чтобы увеличить картинку.


Вёрстка мобильных версий дизайнов и html элементов. Мобильные версии разрабатывались в основном мной на основе десктопных дизайнов, многие html-элементы также разрабатывались мной. Нажмите, чтобы увеличить картинку.

Мобильные версии

HTML

Аватары

Прочая графика

Для просмотра в полном размере кликните на картинку.

Мои коллажи, иллюстрации, цифровая и традиционная живопись. Для просмотра в полном размере кликните на картинку.

Коллажи

Иллюстрации

Традиционная и цифровая живопись

Геймдев

Помимо вёрстки и веб-дизайна, я занимаюсь разработкой собственной компьютерной игры в жанре "Визуальная новелла" под названием "Eternal Veil".

О чём эта игра?

Она рассказывает историю молодого офицера наполеоновской армии — Жан-Клода Леру.

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

Сможет ли Жан-Клод в конечном счёте обрести своё счастье? Или хотя бы покой? Зависит только от вас.

Особенности игры

Где играть?

Скриншоты

Видео

Услуги и цены

Правила и информация
  1. Я предпочитаю общение в вежливой и дружелюбной манере. Грубость, претенциозный тон и прочее в этом духе могут отбить у меня желание вести дальнейший диалог и тем более выполнять заказ.
  2. Я тоже живой человек и нуждаюсь в отдыхе, поэтому буду крайне признательна, если меня не будут беспокоить без крайней на то необходимости в период с 22:00 до 9:00 по московскому времени.
  3. Я не ставлю копирайтов на видимых местах и вообще ставлю их не всегда. Тем не менее, если копирайт есть, я буду признательна, если он останется нетронутым.
  4. Вы вправе поступать с результатами моей вёрстки вашего макета как вам угодно, за исключением перепродажи и передачи третьим лицам, если это не было оговорено со мной.
  5. Вы вправе поступать с созданным мною для вас дизайном как вам угодно, за исключением перепродажи, передачи третьим лицам и создания производных дизайнов, если это не было оговорено со мной.
  6. Полное или частичное копирование кода интерактивных карт для создания производных на их основе, особенно в коммерческих целях, запрещено, если мы не оговаривали иные условия.
  7. Мне сложно сказать, дорого я беру за свои услуги или, наоборот, дёшево, но я оцениваю свои трудозатраты в указанных рамках.
  8. Основной способ оплаты — перевод на карту Сбера (для жителей России и владельцев карт российских банков). Для владельцев карт не российских банков — чаевые посредством сервиса hipolink, либо донат на бусти. Комиссия за ваш счёт.
  9. При надобности я могу взяться за срочный заказ и постараться сверстать в течение 1-2 суток. Разумеется, за срочность цена увеличивается. Речь только о вёрстке, сделать срочно целый дизайн я не смогу в любом случае.
  10. Вы можете нарезать свой макет самостоятельно, однако PSD всё равно лучше иметь под рукой на случай, если придётся перерезать какой-то элемент. У меня свои методы вёрстки и для них может не подойти вырезанный тем или иным способом графический элемент.
  11. Заказывая у меня дизайн, вёрстку или любую другую услугу из списка мной оказываемых, пожалуйста, оговаривайте срок, к которому необходимо выполнить работу. При варианте "вообще не срочно" я могу взяться за ваш дизайн как через неделю, так и через месяц в случае загруженности.
  12. Если вы по каким-то причинам решите отменить ваш заказ — всё решаемо. Если вы не делали предоплату и я не успела начать работу, то не вижу проблем. Поэтому отказываться желательно на начальном этапе. Просто прежде, чем делать заказ, подумайте — вы точно этого хотите? Если не уверены, то, по крайней мере, не делайте предоплату заказа.
  13. Постоянным клиентам возможны скидки :з Также возможны скидки и новым клиентам, но размер и условия будут обсуждаться индивидуально.

Цены

Порядок работы

Обучение

Помимо создания сайтов я также обучаю вёрстке и администрированию сайтов. Обучение я провожу дистанционно, посредством Telegram, Discord, либо Яндекс Телемост. Стоимость занятия - 800 рублей в час, обычно урок длится полтора часа.

Что мы можем изучать на уроках:


Буду рада постоянному сотрудничеству!

Полезное

Здесь хочу поделиться с вами своими наработками, которые могут пригодиться для оформления сайтов.


Базовый стиль для форумов Mybb/Rusff

[Код на Github] | [Макет в Figma]

Дизайн можно ставить на свой форум и модифицировать на своё усмотрение. Копирайт не убирать!

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

К стилю приложен скрипт кнопок вверх-вниз, который находится в файле html-bottom.html. P.S. я не автор этого скрипта.

Установка

  • В репозитории выберите одну из папок: "clean_old" либо "clean_new".
  • Откройте файл style.css на github, (либо у себя на компьютере с помощью блокнота), скопируйте его содержимое и вставьте в верхнее окно стиля в администрировании. Содержимое нижнего окна стиля необходимо полностью очистить.
  • Откройте файл html-bottom.html, скопируйте его содержимое и вставьте в html-низ в разделе администрирования "формы".

Отличия clean_old от clean_new

clean_old

  • 4 столбца на главной странице;
  • Классический вид статистики.

clean_new

  • 2 столбца на главной странице;
  • Статистика в один ряд;
  • Некоторые минорные изменения.
Бесплатный стиль "Cyrodiil Stories" по мотивам TES IV Oblivion

Изначально делался просто в стол, так сказать, для души.

Актуальная версия на гитхабе. Скачать можно, тыкнув на зелёную кнопку code и выбрав "download zip". А потыкать вживую диз можно тут  :з

Особенности:

  • Чистый код;
  • Всплывающая таблица в шапке при наведении курсора;
  • Иконки font awesome duotone в профиле и над формой ответа.

Планируется:

Мобильная версия когда-нибудь

Конвертер HTML в BB-коды (расширение для VS Code)

⚡ HTML to BB Converter для VS Code

Долго мучились с переписыванием HTML-вёрстки в BB-код? Я тоже. Я больше люблю HTML, но в сообщениях на форуме у некоторых пользователей он блокируется настройками антивируса/фаервола/адблоком, поэтому немало пользователей предпочитают BB-оформление. И когда необходимо переписать HTML код в BB, либо сразу написать его в BB, начинается самое сложное. Удобных редакторов BB-кода, а тем более конвертеров в BB из HTML, заточенных конкретно под платформу Mybb/Rusff, насколько мне известно, нет как таковых.

Поэтому мы вместе с Deepseek написали расширение для VS Code, которое понимает синтаксис BB-разметки и умеет переводить HTML в наиболее соответствующие BB-теги.

🔧 Что умеет

  • Любые block=... из классов div'ов
  • Заголовки h1-h6 → block=bh1 - block=bh6
  • Таблицы (table, tr, td с сохранением colspan/rowspan)
  • Цитаты: quote и quote="автор" (понимает структуру форума)
  • Скрытый текст: hide=число из hide-box
  • Спойлеры: spoiler="..." из details/summary
  • Картинки, ссылки, списки — всё что нужно
Пример работы конвертера

🎨 Для тех, кто верстает в VS Code

  • Подсветка синтаксиса для BB-кода (файлы .bb, .bbcode)
  • Сниппеты для быстрой вставки тегов
  • Форматирование (убирает лишние пробелы, но структуру сохраняет)
Пример написания BB-кода в VS Code

📺 Как работает

Выделили HTML → правый клик → "Конвертировать HTML в BB" → получили готовый BB-код.

🔗 Где взять

В официальном магазине расширений VS Code: HTML to BB Converter или прямо в самой программе VS Code в разделе расширений введите "HTML to BB Converter".

Поиск в VS Code

Исходники и issue на GitHub: ссылка

💬 Важно

Расширение opensource, бесплатное. Если найдёте баги или захотите добавить фичу — пишите в issues на гитхабе или в личку. Всё для людей 🐰

Контакты