Канал о Frontend, Backend разработке и дизайне от практикующего программиста. Рассказываю на пальцах что такое сервер и как он связан с браузером.
Существует более 100 различных стандартных HTML тегов, при помощи которых можно сверстать страничку. И еще больше CSSсвойств, применяемых к этим HTML тегам. Правда в том, что на практике в основном используются всего 6 из этой сотни и может-быть 10-15 CSS свойств. В данной статье я попробую охватить сценарии использования HTML и CSS, которые закрою…
Интернет-магазин – это площадка, где вы можете разместить свои товары и услуги, а покупатели отдать вам свои кровно заработанные. В сегодняшней статье мы разберем 4 способа, где можно развернуть вашу лавку с товарами, но самое главное, как это сделать. Конечно, чтобы объяснить все аспекты разработки не хватит и целой книги, но мы постараемся пройти…
После того как пропал копирайтер, занимавшийся статьями для нашего сайта, мы решили немного повременить с поиском нового. При этом выделить время на изучение способностей Chat GPT.
В данной статье мы разберем 4 способа как зарегистрировать нового пользователя: Сторонние сервисы авторизации (такие как Google), Авторизация с использованием токенов, Авторизация с помощью номера телефона, Логин + Пароль. Статья даст вам конкретный алгоритм реализации каждого способа. Необходимые библиотеки, а также примеры кода. Я постараюсь прив…
Есть много статей повествующих о каскадной, итеративной и других всеми любимых моделях разработки. Каждая из этих статей рассказывает о преимуществах и недостатках и предлагает читателю самому сделать правильный выбор в зависимости от проекта. Смешно то, что человеку, который будет принимать решение о модели и этапах разработки, скорее всего не нуж…
Добавление анимации и движущихся объектов несомненно выглядит крайне завораживающе при первом посещении сайта, но если перед твоими глазами постоянно скачет нечто, то это как минимум начинает вызывать дискомфорт, как минимум... Поэтому добавлять анимацию нужно очень аккуратно и точечно. О том где это делать и в каких объемах, мы и постараемся выясн…
В данной статье мы НЕ будем разбирать теоретические основы типографики и правила манипулирования шрифтами. Все это мы уже обсуждали в статье о шрифтовых парах и типографике.
Для тех кто в танке, хочу обрадовать) Наши НЕдрузья ограничили оплату корпоративных подписок в фигме. Из за чего началась массовая паника по переносу файлов в Sketch, Adobe XD и Photoshop (даже не представляю кто им пользуется). Многие начали заводить разговор о Российских аналогах и что мы все теперь будем дизайнить на них.
Есть большой список программ в которых UI/UX дизайнеры создают макеты для сайта. Figma, Sketch, Adobe XD, Photoshop – это лишь небольшой список самых популярных из них. Каждое приложение имеет свои достоинства, которых нет у других. Поэтому иногда необходимо иметь возможность переместить дизайн-макет, сделанный в одной программе, для редактирования…
Любой сайт состоит из компонентов. Это могут быть блоки, формы, текст и др. Композиция – это набор правил, которые помогают правильно расположить эти компоненты при создании дизайн-макета сайта. В данной статье мы создадим дизайн сайта, опираясь на композиционные правила. В качестве входных данных будем использовать техническое задание на разработк…
Процесс создания макета для сайта можно разбить на несколько частей. На каждом этапе UI/UX дизайнер пользуется определенными ресурсами из интернета, либо собственными знаниями для успешного завершения текущего этапа разработки интерфейса. В данной статье мы разберем сайты, которыми пользуются дизайнеры в своей работе. А также ресурсы, которые могут…
В данной статье мы разберемся как типографика может помочь при проектировании дизайна. При этом мы будем оперировать точными и измеримыми понятиями. И максимально постараемся уйти от абстрактных определений по типу “Для привлечения внимания увеличьте размер шрифта”. Данная статья даст вам точные числа – в каких случаях и на сколько пикселей увеличи…